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:#c4e978;font-size:38px}header .catube{font-family:"Franklin Gothic Medium","Arial Narrow",Arial,sans-serif;margin-left:10px}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:#a2a7ab;padding:5px 10px;border-radius:5px}header .header__avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}footer{text-align:center;font-size:12px;opacity:.8;margin-top:50px}.video-mixin .video-mixin__thumb{width:100%;padding-bottom:56.25%;position:relative;border-radius:10px;background-size:cover;background-position:center;overflow:hidden}.video-mixin .video-mixin__thumb:hover{transition:transform .2s;transform:scale(1.05)}.video-mixin__data{width:98%;display:flex;padding:10px 0px 40px 0}.video-mixin__data .video-mixin__meta{display:flex;flex-direction:column;margin-top:10px}.video-mixin__data .video-mixin__meta .video-mixin__title{font-size:18px;margin-bottom:10px}.video-mixin__data .video-mixin__meta .video-mixin__mini{color:rgba(255,255,255,.7);font-size:15px}.video-mixin__data .video-mixin__meta .video-mixin__views{margin-top:5px}#userimg{width:48px;height:48px;border-radius:50%;object-fit:cover;margin:7px 10px 0 2px}.empty__message{margin-bottom:50px;text-align:center}.auth-switch{text-align:center;margin-top:40px}.auth-switch a{text-decoration:underline}.avatar{width:150px;height:150px;border-radius:50%;object-fit:cover}form:not(.video__comment-form){max-width:420px;margin:0 auto;padding:30px}form:not(.video__comment-form):not(.search__form){padding:30px;background-color:rgba(0,0,0,.2);border-radius:10px;border:1px solid rgba(0,0,0,.1)}input:not(input[type=range]),input[type=submit]{all:unset;padding:15px 20px;border-radius:5px;border:1px solid rgba(255,255,255,.2);background-color:#949ca3;margin-bottom:5px;font-size:16px;color:#fff;width:90%}input:not(input[type=range])::placeholder,input[type=submit]::placeholder{color:rgba(255,255,255,.6)}input[type=submit]{background-color:#c4e978 !important;text-align:center !important;cursor:pointer !important}.social__btn{border-radius:5px;padding:12px 20px;text-align:center !important;background-color:#c4e978;color:#fff !important;cursor:pointer;display:block;border:none}.social__btn:focus{outline:none}.social__btn:disabled{opacity:.5;pointer-events:none}.social-login{border-top:1px solid rgba(255,255,255,.2);padding-top:40px;margin-top:30px}.social-login .social__btn--github{background-color:#6f42c1 !important;margin-bottom:5px}.social-login .social__btn--kakao{background-color:#ffeb00 !important;color:#000 !important}#videoContainer{width:100%;position:relative}#videoContainer video{width:100%}#videoContainer .videoControls{opacity:0;transition:opacity .5s ease-in-out;display:flex;flex-direction:column;align-items:center;position:absolute;bottom:2%;width:98%;left:0;right:0;margin:0 auto;padding:5px;left:0}#videoContainer .videoControls.showing{opacity:1}#videoContainer .videoControls .videoControls__time{display:flex;align-items:center;justify-content:space-around;font-size:12px;position:relative;bottom:20px;width:100%}#videoContainer .videoControls .videoControls__time input{width:100%;height:5px;background:#fff;outline:none;-webkit-appearance:none}#videoContainer .videoControls .videoControls__time input::-webkit-slider-thumb{appearance:none;width:13px;height:13px;border-radius:50%;background:#fff;-webkit-appearance:none}#videoContainer .videoControls .videoControls__play{width:100%;display:flex;justify-content:space-between;flex-direction:row}#videoContainer .videoControls .videoControls__play .videoControls__play-box1{display:flex}#videoContainer .videoControls .videoControls__play .videoControls__play-box1 .fas.fa-play,#videoContainer .videoControls .videoControls__play .videoControls__play-box1 .fas.fa-pause{font-size:23px;margin:0 10px}#videoContainer .videoControls .videoControls__play .videoControls__play-box2{display:flex}#videoContainer .videoControls .videoControls__play .videoControls__play-box2 .videoControls__time-span{font-size:20px;margin:0 15px}#videoContainer .videoControls .videoControls__play .videoControls__play-box2 .fas.fa-expand,#videoContainer .videoControls .videoControls__play .videoControls__play-box2 .fas.fa-compress{font-size:23px;margin:0 10px}#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 .videoControls .videoControls__volume .fas.fa-volume-up,#videoContainer .videoControls .videoControls__volume .fas.fa-volume-mute{margin:0 10px;font-size:23px}#videoContainer .videoControls .videoControls__volume input{width:60%;height:10px}.video__grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(360px, 1fr));gap:20px}.video__grid .video-mixin__thumb{height:auto}.search__form{margin-bottom:60px;display:flex;position:relative;align-items:center}.search__form input{all:unset;padding:5px 25px;border-radius:5px;border:1px solid rgba(255,255,255,.2);background-color:#949ca3;margin-bottom:5px;font-size:16px;color:#fff;width:90%}.search__form button{all:unset}.search__form button{position:absolute;right:45px;background-color:rgba(0,0,0,0);text-align:center;font-size:18px;cursor:pointer}.edit-profile__form label{font-size:14px;margin-bottom:10px;display:block}.edit-profile__password{margin-top:15px;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}.upload__container .upload__video_form label{font-size:14px;margin-bottom:10px;display:block}.video__data{margin-top:10px;display:flex;flex-direction:column}.video__data .video__title{font-size:28px;margin-bottom:10px}.video__data .video__information{display:flex;margin-bottom:10px;font-size:20px}.video__data .video__information .video__meta{display:flex;flex-direction:column}.video__data .video__information .video__meta .video__ownername{margin:10px 0}.video__data .video__information .video__meta .video__createdAt{font-size:12px;margin-bottom:10px}.video__add-comments{width:100%;display:flex;justify-content:center}.video__comment-form{max-width:100%;margin-top:40px}.video__comment-form textarea{all:unset;font-family:"Segoe UI",system-ui,BlinkMacSystemFont,-apple-system,Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;font-size:15px;padding:10px;border-bottom:2px solid #fff}.video__comment-form textarea::placeholder{color:rgba(255,255,255,.7)}.video__comment-form button{all:unset;cursor:pointer;border:1px solid #c4e978;background-color:#c4e978;border-radius:15px;width:48px;height:28px;text-align:center;font-size:14px;position:relative;top:-18px;left:-50px}.video__comments{display:flex;flex-direction:column;max-width:70%;margin:0 auto;margin-top:80px}.video__comments ul{margin-top:10px}.video__comments .video__comment{display:flex;justify-content:space-between;align-items:center;padding:10px;border-radius:5px;background-color:#fff;color:#000;margin-bottom:10px;font-size:15px}.fas.fa-comment{margin-right:5px !important}.delete__icon{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}a{color:inherit;text-decoration:none}body{font-family:"Segoe UI",system-ui,BlinkMacSystemFont,-apple-system,Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;background-color:#a2a7ab;color:#fff}main{max-width:2000px;width:92%;margin:0 auto;margin-top:100px}@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:5s}.message.error{background-color:tomato;color:#fff}.message.success{background-color:#1b595e;color:#fff}.message.info{background-color:#db7093;color:#fff}