*{box-sizing:border-box;font-family:sans-serif,Arial Bold}body{background-color:#0c0c0c;margin:0;padding:0}header{background:#131313;flex-direction:row;justify-content:space-around;align-items:center;font-size:20px;display:flex;position:sticky}header .logo .link-btn-logo img{width:100px;height:auto}header nav{flex-direction:row;justify-content:center;align-items:center;gap:20px;display:flex}header nav .link-btn{color:#c9c9c9;text-decoration:none}header nav .link-btn:hover{color:#fff}@media (width<=768px){.link-btn{display:none}}@media (width<=425px){.profile-icon{display:none}}.hamburger{z-index:10;flex-flow:column;justify-content:space-around;width:2rem;height:2rem;display:none}.hamburger .burger{transform-origin:1px;background-color:#c9c9c9;border-radius:10px;width:2rem;height:.25rem;transition:all .3s linear}.hamburger .hamburger-menu{opacity:0;pointer-events:none;background-color:#131313;flex-direction:column;width:200px;max-height:0;padding:1rem;transition:max-height .3s,opacity .3s,transform .3s;display:flex;position:absolute;top:105px;right:0;overflow:hidden;transform:translateY(-10px)}.hamburger .hamburger-menu .hamburger-links{flex-direction:column;justify-content:center;align-items:center;display:flex}.hamburger .hamburger-menu .hamburger-links .hamburger-profile-icon{display:none}.hamburger .hamburger-menu .hamburger-links .hamburger-btn{margin:12px;display:flex}.hamburger .hamburger-menu.active{opacity:1;pointer-events:auto;max-height:300px;transform:translateY(0)}@media (width<=768px){.hamburger{display:flex}}@media (width<=425px){.hamburger .hamburger-menu .hamburger-links .hamburger-profile-icon{display:flex}}form{background:inherit}form input[type=text]{color:#c9c9c9;background-color:#0c0c0c;border:3px solid gray;border-radius:32px;outline:none;padding:8px 8px 8px 36px;font-size:20px;transition:all .2s}form button{cursor:pointer;background:0 0;border:none;position:absolute;transform:translate(10%,46%)}@media (width<=768px){form input[type=text]{max-width:256px}}@media (width<=530px){form input[type=text]{max-width:128px}}.video-list{grid-column-gap:20px;grid-row-gap:20px;grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(4,1fr);margin:32px;display:grid}.video-list .video-card{flex-direction:column;width:100%;max-width:450px;display:flex}.video-list .video-card video{width:100%;height:auto}.video-list .video-card h2{color:orange;font-size:1.5vw}.video-list .video-card .description-card{color:#fff;flex-direction:row;justify-content:space-between;align-items:center;display:flex}.video-list .video-card .description-card .creator-tag .link-btn-creator{color:#adadad;text-decoration:none}@media (width<=1140px){.video-list{grid-template-columns:repeat(3,1fr)}.video-list .video-card h2{font-size:2vw}}@media (width<=860px){.video-list{grid-template-columns:repeat(2,1fr)}.video-list .video-card h2{font-size:3vw}}@media (width<=580px){.video-list{grid-template-columns:repeat(1,1fr)}.video-list .video-card h2{font-size:5vw}}