html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}header{padding:20px 50px;display:flex;justify-content:space-between;align-items:center}header .header__logo{color:#ff1300;font-size:38px}header ul{display:flex;justify-content:space-between;align-items:center}header ul li{margin-left:30px;font-size:14px;font-weight:600;text-transform:uppercase}header ul i{font-size:16px}header .header__btn{background-color:#fff;color:#0e1117;padding:5px 10px;border-radius:5px}header .header__avatar{width:40px;height:40px;border-radius:50%}footer{text-align:center;font-size:12px;opacity:.8;margin-top:50px}.video-mixin .video-mixin__thumb{height:140px;border-radius:7px;width:100%;background-color:ivory}.video-mixin .video-mixin__data{padding:0px 15px}.video-mixin .video-mixin__data .video-mixin__title{font-size:18px;display:block;margin-top:10px}.video-mixin .video-mixin__data .video-mixin__meta{margin-top:5px;font-size:12px}.empty__message{margin-bottom:50px;font-size:18px}.video-grid{display:grid;gap:50px;grid-template-columns:repeat(4, minmax(0, 1fr))}.auth-switch{text-align:center;margin-top:40px}.auth-switch a{text-decoration:underline}.avatar{width:150px;height:150px;border-radius:50%}form{max-width:420px;margin:0 auto}form:not(.search__form){padding:30px;background-color:rgba(14,17,23,.7);border-radius:10px;border:1px solid hsla(0,0%,100%,.1)}input:not(input[type=range]),input[type=submit]{all:unset;padding:15px 20px;border-radius:5px;border:1px solid hsla(0,0%,100%,.2);background-color:#000;margin-bottom:5px;font-size:16px;color:#fff;width:90%}input:not(input[type=range])::placeholder,input[type=submit]::placeholder{color:hsla(0,0%,100%,.7)}input[type=submit],.social__btn{border-radius:5px;padding:12px 20px;background-color:#fff !important;color:#ff1300 !important;text-align:center !important;cursor:pointer;display:block;border:none}input[type=submit]:focus,.social__btn:focus{outline:none}input[type=submit]:disabled,.social__btn:disabled{opacity:.5;pointer-events:none}.social-login{border-top:1px solid hsla(0,0%,100%,.2);padding-top:30px;margin-top:30px}.social-login .social__btn--github{background-color:rgba(0,0,0,0);color:azure}#videoContainer{width:100%;position:relative}#videoContainer video{width:100%}#videoContainer .videoControls{opacity:0;transition:opacity .5s ease-in-out;align-items:center;border-radius:10px;position:absolute;bottom:10px;width:95%;left:0;right:0;margin:0 auto;display:grid;grid-template-columns:1fr 4fr 1fr auto;gap:10px;justify-content:space-between;background-color:#0f1117;padding:10px;left:0;box-sizing:border-box}#videoContainer .videoControls.showing{opacity:1}#videoContainer .videoControls .videoControls__play{display:flex;align-items:center;justify-content:space-around}#videoContainer .videoControls .videoControls__play .videoControls__playBtn{margin:0px 15px}#videoContainer .videoControls .videoControls__play .videoControls__time{font-size:12px}#videoContainer .videoControls .videoControls__volume{display:flex;align-items:center}#videoContainer .videoControls .videoControls__volume span{margin-left:10px}#videoContainer .videoControls .videoControls__volume span i{font-size:20px}.search__form{margin-bottom:60px;display:flex;position:relative;align-items:center}.search__form input{all:unset;padding:15px 20px;border-radius:5px;border:1px solid hsla(0,0%,100%,.2);background-color:#000;margin-bottom:5px;font-size:16px;color:#fff;width:90%}.search__form button{all:unset}.search__form button{position:absolute;right:15px;font-size:18px;background-color:rgba(0,0,0,0);text-align:center;cursor:pointer}.profile__data{max-width:420px;margin:0 auto;display:flex;flex-direction:column;align-items:center;margin-bottom:50px}.profile__data img{margin-bottom:10px}.profile__data h3{font-size:18px}form label{font-size:14px;margin-bottom:10px;display:block}.edit-profile__password{margin-top:50px;text-align:center}.edit-profile__password a{text-decoration:underline}.upload__container{width:100%}.upload__container .upload__video{margin-bottom:20px;display:flex;flex-direction:column;align-items:center}.upload__container .upload__video video{max-width:100%;margin-bottom:10px}.video__data{margin-top:20px;display:flex;flex-direction:column}.video__data .video__title{font-size:26px;margin-bottom:5px}.video__data .video__createdAt{font-size:12px}.video__data .video__owner{margin-bottom:5px;font-size:14px}.video__data .video__owner a{color:#6495ed;text-decoration:underline}.video__comments{display:flex;flex-direction:column;max-width:320px;width:100%;margin:0 auto;margin-top:20px}.video__comments .video__comment{padding:10px;border-radius:9999px;background-color:#fff;color:#000;margin-bottom:10px}a{color:inherit;text-decoration:none}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;background-color:#0e1117;color:#fff}main{max-width:1200px;width:100%;margin:0 auto;margin-top:50px}@keyframes goAway{from{transform:none;opacity:1}to{transform:translateY(-50px);opacity:0}}.message{position:absolute;top:10px;left:0;right:0;margin:0 auto;max-width:200px;padding:10px 20px;border-radius:10000px;text-align:center;animation:goAway .5s ease-in-out forwards;animation-delay:5s}.message.error{background-color:tomato;color:#fff}