h1{color:white;font-family:logoFont;font-size:28pt}#popupMain{width:100%;height:100%;z-index:9}#popupMain,.popupAnimed{display:flex;position:fixed;pointer-events:none;justify-content:center;align-items:center}.popupAnimed{width:13em;height:2em;border-radius:1em;border:2px solid #eebc88;background:#e9952c;color:#241504;font-family:pixel;font-size:18pt;z-index:128;opacity:100%;animation:popup 1.5s ease-in .25s forwards}@keyframes popup{0%{opacity:100%;transform:translateY(0)}75%{opacity:100%;transform:translateY(0)}to{opacity:0;transform:translateY(1em)}}section#banner{animation:fadeIn 2s cubic-bezier(.1,.01,0,.93) forwards;background-position:50%;background-size:cover;height:50vh;padding:2em;contain:layout}section#banner>div#texts{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:max-content;padding:1.25em;border-radius:1em;display:block;border:1px solid #ffffff88}section#banner p{color:white;font-size:16pt;font-family:tw;font-weight:200;font-style:italic}div#imagesBanner *{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}@keyframes fadeIn{0%{opacity:0}to{opacity:100%}}div#imagesBanner{background:#f1f;z-index:-1}.imgBanner,div#imagesBanner{width:100%;height:100%;position:absolute;top:0;left:0}.imgBanner{image-rendering:pixelated;object-fit:cover;opacity:0;transition:opacity 1s}.imgBanner[data-show=true]{opacity:100%;transition:opacity 1s}section#featuredGames{display:flex;flex-direction:column;height:28em;margin:.4em 5em;align-items:center}section>h3{font-family:rbt;font-size:18pt}section#featuredGames>h3{color:#111}section#featuredGames>a{display:flex;justify-content:center;align-items:center;margin-top:.2em;border:4px solid #69438f;width:10em;height:3em;font-size:16pt;border-radius:.5em;font-family:pixel;color:var(--ctWhite);background:#8f64e3}section#featuredGames>a:hover{filter:brightness(1.2);cursor:pointer}#fg{grid-template-columns:repeat(4,25%);margin-top:.5em;width:100%;height:inherit;background-color:#111}#fg,#fg>div{display:grid;border-radius:.5em}#fg>div{grid-template-rows:50% auto auto;width:auto;height:auto;max-height:20em;background-color:white;margin:.5em;contain:content;border:2px solid #dbf}div#fg>.isSpecial{border-color:#9783ff}#fg>div>img{display:block;background-size:cover;background-position:50%;width:100%;height:100%;object-fit:cover}#fg>div>h2{font-family:rbt;font-style:normal;height:100%;text-transform:uppercase;justify-self:center;margin-top:.1em;font-weight:bolder;width:85%;text-align:center;font-size:18pt}#fg>div>a,#fg>div>h2{display:flex;align-items:center;justify-content:center}#fg>div>a{margin:1em;width:calc(100% - 2em);margin-block:.2em;height:1.5em;background:#ff5555;color:var(--ctWhite);font-family:teko;font-size:24pt;border-radius:.25em;border:3px solid #c93d3d;align-self:flex-start}#fg>div>a:hover{background:#ff6666;cursor:pointer}section.banner-section{--background-color:linear-gradient(45deg,#828282,#ababab);--illustration-shadowColor:#4d4d4d99;--btnBanner-bgColor:#808080;--btnBanner-borderColor:#2e2e2e;--btnBanner-textColor:#141414;background:var(--background-color);height:18em;display:flex}section.banner-section>div{display:grid;grid-template-areas:"text img";grid-template-columns:50% 50%;grid-template-rows:100%;width:85%;height:90%;margin:auto}section.banner-section[data-inverted-banner]>div{grid-template-areas:"img text"}section.banner-section>div>div>h3{font-family:logoFont;font-size:28pt}section.banner-section>div>div{grid-area:text;padding-right:1em;color:var(--ctWhite);display:flex;flex-direction:column;justify-content:center}section.banner-section>div>div>p{font-family:tw;font-size:14pt}section.banner-section>div>img{width:auto;height:100%;filter:drop-shadow(3px 7px 7px var(--illustration-shadowColor));justify-self:center}section.banner-section .btn-banner{width:65%;height:3.5em;margin-top:1em;display:grid;grid-template-columns:25% 75%;padding-inline:1em;background-color:var(--btnBanner-bgColor);border:4px solid var(--btnBanner-borderColor);border-radius:1em;align-items:center}section.banner-section .btn-banner:hover{cursor:pointer;filter:brightness(1.3)}section.banner-section .btn-banner:active{transform:scale(1.1);filter:brightness(1.3) hue-rotate(60deg)}section.banner-section .btn-banner>img{align-self:center;justify-self:center;height:75%;width:auto;aspect-ratio:1/1;image-rendering:pixelated;transform-origin:250% 50%}section.banner-section .btn-banner>p{justify-self:left;font-family:pixel;font-size:18pt;color:var(--btnBanner-textColor);transform-origin:left}section.banner-section .btn-banner>*{transition:transform .1s}section.banner-section .btn-banner:hover>*{transform:scale(1.1);transition:transform .1s}section#donate{--background-color:linear-gradient(45deg,#c93d3d,#ff5555);--illustration-shadowColor:#9009;--btnBanner-bgColor:#55cc33;--btnBanner-borderColor:#1a510b;--btnBanner-textColor:#0b2404}section#discord-server{--background-color:linear-gradient(45deg,#463dc9,#5558ff);--illustration-shadowColor:rgba(0,23,153,0.6);--btnBanner-bgColor:#33cccc;--btnBanner-borderColor:#0b514b;--btnBanner-textColor:#042420}@media only screen and (max-width:720px){section#banner>div#texts{width:100%}}@media only screen and (max-width:1024px){#fg{grid-template-columns:repeat(3,calc(100%/3))}#fg>div:last-child{display:none}}@media only screen and (max-width:782px){section#featuredGames{margin:.4em 1em}section.banner-section{height:-moz-fit-content;height:fit-content}section.banner-section>div{grid-template-columns:100%;grid-template-areas:"img text";grid-template-rows:7em 15em}section.banner-section>div>div{grid-area:text;grid-column:1;grid-row:2}section.banner-section>div>img{grid-area:img}section.banner-section .btn-banner{width:100%}}@media only screen and (max-width:640px){#fg{grid-template-columns:repeat(2,50%)}#fg>div:nth-last-child(2){display:none}}@media only screen and (max-width:512px){#fg{grid-template-columns:100%}section#featuredGames{height:48em}}@media only screen and (max-width:448px){section.banner-section{height:27em}section.banner-section .btn-banner{height:4.5em}section.banner-section>div{grid-template-rows:7em 18em}}@media only screen and (max-width:420px){#banner>#texts{display:contents!important}#banner>#texts>img{display:none}#banner>#texts>.btn_link{position:absolute;bottom:1em}}div[data-event]>a{background-color:hsl(9deg 53% 40%/1);border-color:hsl(10deg 33% 25%/1);width:20em;max-width:calc(100% - 2em);animation:sizeJump2 1s ease-in-out infinite forwards}div[data-event]>img{height:5em;width:auto;image-rendering:pixelated;transform:scale(1.75) translate(1.95em,.5em)}@keyframes sizeJump{0%{transform:scale(1.75) translate(1.95em,.5em)}50%{transform:scale(1.8) translate(1.95em,.5em)}to{transform:scale(1.75) translate(1.95em,.5em)}}@keyframes sizeJump2{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}div[data-event]>p{margin-left:2em}