body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{margin:20px}.App-header{max-width:1024px;width:100%;margin:0 auto;text-align:center}.App-body{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:center;justify-content:center;margin-top:20px}.search-bar{border:1px solid grey;padding:20px}.search-bar input{font-size:18px;padding:10px;width:80%}.video-list-container{max-width:270px}.video-item{display:table;cursor:pointer;border:1px solid #d3d3d3;margin:0 10px 10px;min-width:230px;padding:8px}.video-item:hover{background-color:#eee}.video-item .thumbnail{display:table-cell;max-height:70px}.video-item .video-title{display:table-cell;font-size:12px;padding-left:10px;vertical-align:top;word-break:break-word}.video-detail{max-width:650px}.video-container{position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden}.video-container embed,.video-container iframe,.video-container object{position:absolute;top:0;left:0;width:100%;height:100%}.video-detail .details{margin:20px 0;padding:10px;border:1px solid #ddd}.progress-bar{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;height:100vh}.progress-bar span{padding-bottom:10px}
/*# sourceMappingURL=main.d4ac7ef5.chunk.css.map */