*{margin:0;padding:0;box-sizing:border-box}body{font-family:"Graphik",Helvetica,Arial,sans-serif;font-weight:400;min-height:100vh}.app{background-image:linear-gradient(90deg,#051421,#042727)}.header{color:#fff;-webkit-justify-content:space-between;justify-content:space-between;padding:20px}.header,.header .header__icons{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.header .header__icons{text-align:center}.header .header__icons .header__icon{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;width:100px;cursor:pointer;transition:all .5s}.header .header__icons .header__icon--active p{display:inline!important}.header .header__icons .header__icon>.MuiSvgIcon-root{margin:0 auto}.header .header__icons .header__icon>p{display:none;text-transform:uppercase;letter-spacing:3px;font-size:11px;margin:0 auto;transition:all .5s}.header .header__icons .header__icon:hover>p{display:inline}.header .header__logo{height:50px}.header .header__logo img{height:70%;object-fit:cover}.header::-webkit-scrollbar{display:none}.header{-ms-overflow-style:none;scrollbar-width:none}.nav{display:-webkit-flex;display:flex;color:#fff;overflow-x:scroll;padding:10px 10px 10px 40px}.nav h2{cursor:pointer;margin:0 20px;font-weight:500;opacity:.7;transition:all .5s ease-out;font-size:20px;white-space:nowrap}.nav h2:hover{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1)}.nav::-webkit-scrollbar{display:none}.nav{-ms-overflow-style:none;scrollbar-width:none}.results>div{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:center;justify-content:center;padding-bottom:50px}.videocard{color:#fff;width:450px;height:380px;margin:20px;padding:20px;transition:all .5s}.videocard:hover{-webkit-transform:scale(1.09);transform:scale(1.09)}.videocard .videocard__img{overflow:hidden}.videocard .videocard__img img{width:450px;height:280px;object-fit:cover;vertical-align:bottom}.videocard>p{padding-top:8px}.videocard>h2{padding-top:10px}.videocard .videocard__stats{display:none}.videocard:hover .videocard__stats{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.videocard:hover .videocard__stats span{margin:0 3px}.footer{padding:15px 0;text-align:center;font-size:12px;color:#fff;border-top:1px solid #eee}.footer a{text-decoration:none;margin-left:5px;color:#eee;font-weight:600}
/*# sourceMappingURL=main.2dcd827d.chunk.css.map */