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:red;font-size:38px}header ul{display:flex;justify-content:space-between;align-items:center}header ul li{margin-left:25px;font-size:auto;font-weight:600;text-transform:uppercase}header ul i{font-size:16px}header .header__Btn{background-color:#fff;color:#28251f;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}footer img{height:12px;width:auto}.video-mixin .video-mixin__thumb{height:140px;width:100%;border-radius:7px;background-color:ivory}.video-mixin .video-mixin__data{padding:0 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{font-size:12px;margin-top:5px;opacity:.8}.empty__message{margin-bottom:50px;font-size:18px}.video-grid{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:50px}.auth-switch{text-align:center;margin-top:40px}.auth-switch a{text-decoration:underline;color:red}.avatar{width:150px;height:150px;border-radius:50%}form{margin:0 auto;padding:30px;background-color:rgba(0,0,0,.7);border-radius:10px;border:1px solid rgba(255,255,255,.1)}form:not(.video__comment-form){max-width:420px}form input{all:unset;padding:15px 20px;border-radius:5px;border:1px solid rgba(255,255,255,.2);background-color:#000;margin-bottom:5px;font-size:16px;color:#fff;width:90%}form input::placeholder{color:rgba(255,255,255,.8)}form input[type=submit],form .social__btn{border-radius:5px;padding:12px 20px;background-color:#fff;color:red;text-align:center;cursor:pointer;display:block;border:1px solid rgba(255,255,255,.2)}.social-login{border-top:1px solid rgba(255,255,255,.2);padding-top:40px;margin-top:30px}.social-login .social__btn--github{background-color:rgba(0,0,0,0);color:azure}@keyframes goAway{from{transform:none;opacity:1}to{transform:translateY(-50px);opacity:0}}.message{position:absolute;top:20px;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:2s;font-weight:600;color:#000}.message.error{background-color:tomato}.message.info{background-color:#7fffd4}.message.success{background-color:#adff2f}#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}#videoContainer i{cursor:pointer}.search__form{margin-bottom:60px;display:flex;align-items:center;position:relative}.search__form button{all:unset;position:absolute;top:46px;right:50px;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}.edit-profile__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}.video__data .video__data-title{font-size:30px;font-weight:600;margin-bottom:10px}.video__data .video__data-uploader{margin-bottom:10px}.video__data .video__data-uploader a{text-decoration:underline;color:red}.video__data .video__data-description{font-size:20px;margin-bottom:10px}.video__data .video__data-date{font-size:14px;opacity:.8;margin-bottom:10px}.video__add-comments form{margin-top:30px;width:100%;display:flex;align-items:center}.video__add-comments textarea{resize:none;width:90%;background-color:#000;color:#fff;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;font-size:16px;font-weight:600;border:none;border-bottom:2px solid #a9a9a9;transition:border-bottom .2s ease-in-out;white-space:pre-wrap}.video__add-comments textarea:focus{outline:none;border-bottom:2px solid #fff}.video__add-comments button{width:10%;height:100%;cursor:pointer}.video__comments{display:flex;flex-direction:column;max-width:320px;width:100%;margin:0 auto;margin-top:20px}.video__comments .video__comment{width:100%;padding:15px;margin:10px;border-radius:9999px;background-color:#fff;color:#000;margin-bottom:10px}.video__comments .video__delete-comment{cursor:pointer}.upload__preview{display:flex;flex-direction:column;align-items:center;margin-bottom:70px}.upload__preview video{margin-bottom:20px}.upload__preview button{font-size:20px}a{color:inherit;text-decoration:none}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;background-color:#28251f;color:#fff}main{max-width:1200px;height:100%;margin:0 auto;margin-top:50px}