body,html{font-family:Roboto,sans-serif;height:100%}body{font-family:Roboto,sans-serif;color:#1a1a1a;background-color:#fafafa;margin:50px}#search-bar{margin-bottom:20px}#search-bar input{font-size:1.5em;border-radius:.25em}#video-detail{width:100%}#video-section{display:flex}#video-section li{list-style:none;cursor:pointer;display:flex;width:25vw;padding:10px}#video-section li:hover{background:#e1e1e1}:root{text-size-adjust:100%}.lds-ring,.lds-ring div{box-sizing:border-box}.lds-ring{display:inline-block;position:relative;width:80px;height:80px}.lds-ring div{box-sizing:border-box;display:block;position:absolute;width:64px;height:64px;margin:8px;border:8px solid currentColor;border-radius:50%;animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;border-color:currentColor transparent transparent transparent}.lds-ring div:nth-child(1){animation-delay:-.45s}.lds-ring div:nth-child(2){animation-delay:-.3s}.lds-ring div:nth-child(3){animation-delay:-.15s}@keyframes lds-ring{0%{transform:rotate(0)}to{transform:rotate(360deg)}}