@import"https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap";body{margin:0;background-color:#000;color:#fff;padding:0;font-family:Oswald,sans-serif;height:100dvh;overflow:hidden;-webkit-user-select:none;-ms-user-select:none;user-select:none}*{box-sizing:border-box}#menu{z-index:99;position:fixed;bottom:0;left:0;padding:20px}.menu-item{margin-top:10px}.menu-item button{background-color:#000;color:#fff;border:none;padding:10px;cursor:pointer;text-transform:uppercase;font-weight:600;font-family:Oswald,sans-serif;letter-spacing:1px!important}#loader{z-index:100;position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;font-size:2rem;color:#fff;background-color:#000;transition:opacity 2.5s ease-in-out}#loader #loader-percentage{transition:opacity .5s ease-in-out}#loader.loaded{opacity:0;pointer-events:none}#loader.loaded #loader-percentage{opacity:0}#video-zone{position:fixed;top:20px;left:20px;width:calc(100% - 40px);height:calc(100% - 40px);z-index:98;padding:60px;background-color:#2c8383;border-radius:50px;transform:translateY(150%);transition:transform .5s ease-in-out;overflow:hidden;display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column;gap:20px}#video-zone.open{transform:translateY(0)}.video-container{position:relative;width:100%;background-color:#000;border-radius:20px;aspect-ratio:16/9}.video-container iframe{top:0;left:0;border:none}.video-list{flex:1;background-color:red;width:100%;display:block;overflow-y:scroll}.video-item{display:block;padding:0;flex:1}.video-thumbnail{width:100%;height:0;padding-bottom:56.25%}.video-thumbnail img{width:100%;height:100%;object-fit:cover}.video-title{bottom:0;left:0;width:100%;padding:10px;color:#fff;text-align:center}.video-title h2{margin:0;font-size:1.5rem}.video-title p{margin:0;font-size:.8rem}