@font-face{font-family:passion one;src:url(../fonts/PassionOne-Regular.ttf);font-weight:400;font-style:normal}@font-face{font-family:passion one;src:url(../fonts/PassionOne-Bold.ttf);font-weight:700;font-style:normal}@font-face{font-family:inter;src:url(../fonts/Inter_18pt-Medium.ttf);font-weight:400;font-style:normal}@font-face{font-family:inter;src:url(../fonts/Inter_18pt-Light.ttf);font-weight:lighter;font-style:normal}body{padding:0;margin:0;color:#000;font-family:passion one}body ::selection{color:#000;background-color:#f6c447}body img{max-width:100%}.content{margin:auto;max-width:70em;padding:15px}h1,h2,h3,h4,h5,h6{font-family:passion one}h2{font-size:2.4rem}p{font-family:Inter;font-size:1.2rem;font-weight:lighter;line-height:1.4rem}@media only screen and (max-width:768px){html{font-size:14px}}@media only screen and (min-width:768px){html{font-size:16px}}@media only screen and (min-width:0px) and (max-width:1024px){body header #nav{display:none}}header{position:fixed;width:100%;z-index:1000;background-color:#f6c447;opacity:0;transition:opacity .2s}header .content{display:flex;flex-direction:row;justify-content:space-between;margin:auto}header #nav{display:flex;align-items:center}header #nav ul{list-style-type:none}header #nav ul li{display:inline-block;margin-left:.4rem;font-size:1.5rem}header #nav ul li a{color:#000;transition:.2s}header #nav ul li a:hover{color:#6450c9}header.displayed{opacity:1;transition:opacity .8s ease-out}section#hero .content{text-align:center}section#hero .content .hero-logo h2{margin:0}section#hero .content .hero-logo ul.hero-links{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;max-width:100%;list-style-type:none;padding:2rem}section#hero .content .hero-logo ul.hero-links li{position:relative;display:flex;align-items:center;justify-content:center;position:relative;width:2rem;height:2rem;font-size:2rem;padding:1rem;margin:.1rem;border-radius:50%;border:3px solid #000;transition:.2s;background-color:#6450c9}section#hero .content .hero-logo ul.hero-links li a{position:absolute;inset:0;display:flex;border-radius:50%;align-items:center;justify-content:center;width:100%;height:100%;text-decoration:none}section#hero .content .hero-logo ul.hero-links li i{vertical-align:middle;color:#fff}section#hero .content .hero-logo ul.hero-links li:hover{background-color:#f6c447}section#hero .content .hero-logo ul.hero-links li:hover i{color:#000}section#hero .content strong{font-size:2.5rem;color:#6450c9;font-weight:lighter;letter-spacing:1px}section#games .game{position:relative;overflow:hidden;min-height:300px}section#games .game .game-background{position:absolute;inset:0;background-size:cover;background-position:50%;z-index:-100;filter:blur(12px)brightness(70%);transform:scale(1.2)}section#games .game .game-background::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.65)}section#games .game .content{padding:2rem}section#games .game .game-wrapper{display:grid}section#games .game .game-wrapper .game-thumbnail{max-width:280px}section#games .game .game-wrapper .game-infos{padding:0 2rem;color:#fff}section#games .game .game-wrapper .game-infos h2{margin:0}section#games .game .game-wrapper .game-infos hr{position:relative;margin:2.5rem 0;height:1px;border:none;background-color:#f6c447;color:#f6c447}section#games .game .game-wrapper .game-infos ul.game-links{list-style-type:none;padding-left:0}section#games .game .game-wrapper .game-infos ul.game-links li{display:inline-block;font-size:1.6rem;vertical-align:middle}section#games .game .game-wrapper .game-infos ul.game-links li svg{width:2rem;height:2rem}section#games .game .game-wrapper .game-infos ul.game-links li a{color:#fff;transition:.2s}section#games .game .game-wrapper .game-infos ul.game-links li a:hover{color:#f6c447}@media screen and (min-width:768px){section#games .game .game-wrapper{grid-template-columns:auto 1fr}}@media screen and (max-width:768px){section#games .game .game-wrapper{grid-template-columns:1fr}section#games .game .game-wrapper .game-infos{padding:2rem 0}}section#footer #footer-up ul#footer-links{list-style-type:none;padding-left:0}section#footer #footer-up ul#footer-links li{display:inline;position:relative;font-size:1.1rem;padding-right:1.1rem;width:30px;height:30px}section#footer #footer-up ul#footer-links li a{color:#000}section#footer #footer-down{min-height:10rem;background-color:#f6c447}