html{background-color:#141820}#root,body,html{padding:0;margin:0}#root,.App,body,html{height:100%}.App{padding-top:20px}.btnsContainer{width:80%;margin:20px auto 0;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.btn{padding:10px 20px;background-color:#00b6f0;color:#fff;border:none;margin:5px;width:100px;cursor:pointer;font-weight:700}.btn:hover{background-color:#097497}#title{text-align:center;margin:0 0 20px;color:#fff;font-family:Arial,Helvetica,sans-serif}#title span{color:#00b6f0;text-transform:uppercase}@media screen and (max-width:600px){body{height:auto}}.video-container-styles{width:60%;margin:0 auto}.playlist-queue-styles{box-shadow:0 0 1px #fff;display:flex;align-items:center;overflow-x:auto;background-color:#212836}.playlist-queue-item-styles{margin:5px;cursor:pointer;max-height:84px;display:flex;justify-content:center;align-items:center;border:4px solid transparent}.current-playing-video-styles{box-shadow:0 0 15px #fff;transition:.2s}.thumbnail-styles{width:100%;height:100%}.video-styles{width:100%;height:34VW}@media screen and (max-width:800px){.video-container-styles{width:100%}.video-styles{width:100%;height:100%}}