/*!
Theme Name: Pixel Play
Author: Lisa Buchendorfer & Laurenz Graf
Version: 1.0
*/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}.hidden{display:none;visibility:hidden}.show{display:block;visibility:visible}:root{--font-family-base: 'Montserrat';--font-family-heading: 'Righteous';--primary: #b152e0;--secondary: #450e5d;--primary-rgb: 177, 82, 224;--secondary-rgb: 96, 45, 122;--card-background: #f6eafd;--color-text: #363636;--black: #000000;--white: #ffffff;--root-font-size: 16px}:root{--stf: 1rem;--lfs: 3rem;--h1fs: 1.875rem;--h2fs: 1.875rem;--h3fs: 1.375rem;--h4fs: 1.125rem;--stlh: 1.5rem;--stp: 1rem;--hero-padding-x: 2.688rem;--logo-padding-y: 0.125rem;--logo-padding-x: 2.5rem;--button-padding-y: 0.75rem;--button-padding-x: 1.5rem;--section-padding-y: 4.375rem;--section-padding-x: 1.875rem;--update-padding-x: 3.125rem;--update-padding-y: 1.563rem;--offset: 0.75rem;--footer-padding-y: 2.5rem;--main-gap: 2.5rem;--nav-gap: 1.25rem;--text-gap: 1.25rem;--h1-spacing: 0.028rem;--maxwidth: 100rem;--radius: 1.25rem}@media(min-width: 56.3125rem){:root{--stf: 1.25rem;--lfs: 4.375rem;--h1fs: 5.313rem;--h2fs: 3.25rem;--h3fs: 1.875rem;--h4fs: 1.25rem;--stlh: 1.875rem;--stp: 1.5rem;--hero-padding-x: 6.25rem;--logo-padding-y: 0.625rem;--logo-padding-x: 3.75rem;--section-padding-y: 7.5rem;--section-padding-x: 5rem;--nav-padding-y: 0.313rem;--nav-padding-x: 1.875rem;--footer-padding-y: 3.75rem;--main-gap: 5rem;--nav-gap: 3.75rem;--footer-gap: 3.125rem;--text-gap: 1.625rem;--offset: 1rem;--h1-spacing: 0.127rem}}@font-face{font-display:swap;font-family:"Montserrat";font-style:normal;font-weight:400;src:url("./fonts/montserrat-v31-latin-regular.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Montserrat";font-style:normal;font-weight:700;src:url("./fonts/montserrat-v31-latin-700.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Righteous";font-style:normal;font-weight:400;src:url("./fonts/righteous-v18-latin-regular.woff2") format("woff2")}*,*:before,*:after{box-sizing:border-box}html{color:var(--color-text);font-family:var(--font-family-base);font-size:var(--root-font-size);scroll-behavior:smooth}p{line-height:var(--stlh)}h1,h2,h3,h4{font-family:var(--font-family-heading)}h1{font-size:var(--h1fs)}h2{font-size:var(--h2fs)}h3{font-size:var(--h3fs)}h4{font-size:var(--h4fs)}.maxwidth-container{margin-inline:auto;max-width:var(--maxwidth)}.button{border:2px solid var(--secondary);border-radius:var(--radius);color:var(--white);display:inline-block;font-family:var(--font-family-heading);font-size:var(--h4fs);margin-block-start:var(--offset);padding:var(--button-padding-y) var(--button-padding-x);text-decoration:none;text-transform:uppercase}.button.primary{background-color:var(--secondary)}.button.primary:hover{background-color:var(--primary)}.button.secondary{background-color:var(--primary)}.button.secondary:hover{background-color:var(--secondary)}main>*{padding-block:var(--section-padding-y);padding-inline:var(--section-padding-x)}header{background-image:url("./images/hero-image-mobile.svg"),linear-gradient(135deg, rgba(var(--primary-rgb), 0.88), rgba(var(--secondary-rgb), 0.97));background-position:right bottom,center;background-repeat:no-repeat,no-repeat;background-size:min(95vw,420px) auto,cover;height:65dvh;padding:var(--stp) var(--hero-padding-x);position:relative}header .nav{align-items:center;display:flex;flex-direction:column;gap:var(--offset);justify-content:center}header .nav>a{background-color:var(--white);border-radius:var(--radius);color:var(--primary);display:inline-flex;font-family:var(--font-family-heading);font-size:var(--lfs);font-weight:400;padding:var(--logo-padding-y) var(--logo-padding-x);text-decoration:none;text-transform:uppercase;white-space:nowrap;width:fit-content}header h1{color:var(--secondary);letter-spacing:var(--h1-spacing);line-height:normal;text-transform:uppercase}header .hero-text{text-align:center}header .hero-title span{display:inline;line-height:1.1}@media(min-width: 56.3125rem){header{background-image:url("./images/hero-image-desktop.svg"),linear-gradient(135deg, rgba(var(--primary-rgb), 0.88), rgba(var(--secondary-rgb), 0.97));background-size:min(45vw,850px) auto,cover;height:95dvh}header .hero-text{max-width:80vw;position:absolute;text-align:left;top:60%;transform:translateY(-50%)}header .hero-title span{display:block}}footer{align-items:center;background-color:var(--primary);color:var(--white);display:flex;flex-direction:column;font-family:var(--font-family-heading);gap:var(--main-gap);padding:var(--footer-padding-y);text-align:center}footer>div h2{margin-bottom:var(--offset)}footer a{color:var(--white);text-decoration:none}#mainnav{color:var(--primary);font-family:var(--font-family-heading)}#mainnav ul{list-style:none;margin:0;padding:0}#mainnav a{color:var(--primary);text-decoration:none}@media(min-width: 0rem)and (max-width: 56.25rem){#mainnav ul{background-color:var(--card-background);display:flex;flex-direction:column;gap:var(--nav-gap);height:100vh;inset-block-start:0;inset-inline-end:0;padding:var(--stp) var(--stp) 0 var(--offset);position:fixed;transform:translateX(100%);transition:transform .25s ease-out,visibility .25s ease-out;visibility:hidden;width:45%;z-index:2}#mainnav ul li{text-align:right}#mainnav ul li a{font-size:var(--h4fs);text-decoration:underline}#mainnav ul li:first-of-type a{font-size:var(--h3fs);text-decoration:none}#mainnav ul .menu-title{font-size:var(--h3fs);text-align:left;text-decoration:none;text-transform:uppercase}#mainnav #hamburger.mobile-menu-open+ul{transform:translateX(0);visibility:visible}}@media(min-width: 56.3125rem){#mainnav{display:flex;font-size:var(--h4fs);justify-content:center;position:static}#mainnav ul{align-items:center;background-color:var(--white);border-radius:var(--radius);display:flex;gap:var(--nav-gap);padding:var(--nav-padding-y) var(--nav-padding-x)}#mainnav ul .menu-title{display:none}#mainnav ul a:hover{color:var(--secondary)}}@media(min-width: 0rem)and (max-width: 56.25rem){#hamburger{display:block;visibility:visible;all:unset;position:absolute;z-index:3;inset-block-start:0;inset-inline-end:0;padding:var(--stp);height:1em}#hamburger [class^=line-]{height:1px;border:1px solid var(--white);transition:all .3s ease-out;display:block}#hamburger .line-1{width:25px}#hamburger .line-2{margin-block-start:8px;margin-inline-start:9px;width:16px}#hamburger.mobile-menu-open [class^=line-]{margin-block-start:4px;transform-origin:center;border-color:var(--primary)}#hamburger.mobile-menu-open .line-1{transform:rotate(-45deg)}#hamburger.mobile-menu-open .line-2{width:25px;margin-inline-start:0;margin-block-start:-2px;transform:rotate(45deg)}}@media(min-width: 56.3125rem){#hamburger{display:none;visibility:hidden}}.about{align-items:center;display:flex;flex-direction:column;padding-block:var(--section-padding-y) 0}.about h2{color:var(--primary)}.about .text{display:flex;flex-direction:column;gap:var(--text-gap);text-align:center}.about .text p{text-align:left}.about .text .button{align-self:center;margin-bottom:var(--main-gap)}.about img{display:block;height:auto;width:100vw}@media(min-width: 56.3125rem){.about{align-items:stretch;display:grid;gap:var(--main-gap);grid-template-columns:1fr minmax(480px, min(640px, 50vw));padding-block:var(--section-padding-y)}.about .text{display:flex;flex-direction:column;gap:var(--text-gap);text-align:left}.about .text .button{align-self:flex-start;margin:0}.about img{border-radius:var(--radius);height:100%;justify-self:end;object-fit:cover;width:100%}}.games{align-items:center;background-image:linear-gradient(135deg, rgba(var(--secondary-rgb), 0.97), rgba(var(--primary-rgb), 0.88));color:var(--white);display:flex;flex-direction:column}.games h2{margin-bottom:var(--main-gap);text-align:center;text-transform:uppercase}.games .games-list{display:flex;gap:var(--text-gap);list-style:none;overflow-x:auto;overflow-y:hidden;padding:0 var(--main-gap);scroll-snap-type:x mandatory;width:100%;-webkit-overflow-scrolling:touch;scrollbar-width:none}.games .games-list::-webkit-scrollbar{display:none}.games .games-list>li{flex:0 0 auto;scroll-snap-align:center}.games .game-card{aspect-ratio:1/1;border-radius:var(--radius);max-width:300px;overflow:hidden;position:relative;width:75vw}.games .game-card img{border:4px solid var(--white);border-radius:var(--radius);display:block;filter:brightness(0.5);height:100%;object-fit:cover;transition:transform 180ms ease,filter 180ms ease;width:100%}.games .game-card h3{display:grid;inset:0;margin:0;place-items:center;position:absolute;text-transform:uppercase}.games>.button.primary{margin-top:var(--main-gap)}@media(min-width: 56.3125rem){.games .games-list{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));margin-inline:auto;max-width:var(--maxwidth);overflow:visible;padding:0;scroll-snap-type:none;width:75vw}.games .games-list>li{scroll-snap-align:unset}.games .game-card{max-width:none;text-align:center;width:100%}.games .game-card:hover img{filter:brightness(0.35);transform:scale(1.05)}}.news{align-items:center;display:flex;flex-direction:column}.news h2{color:var(--primary);margin-bottom:var(--main-gap);text-align:center;text-transform:uppercase}.news ul{display:flex;flex-direction:column;gap:var(--text-gap);list-style:none;margin:0;max-width:75vw;padding:0;width:100%}.news article{align-items:center;background-color:var(--card-background);border:4px solid var(--secondary);border-radius:var(--radius);display:flex;flex-direction:column;padding:var(--update-padding-y) var(--update-padding-x);position:relative;text-align:center}.news article>img{display:none}.news article>p{display:none}.news article>div{align-items:center;display:flex;flex-direction:column;gap:4px}.news article>div span{color:var(--primary);font-weight:600}.news article>div time{font-weight:400;margin-bottom:var(--text-gap)}.news .news__card-link{inset:0;position:absolute;z-index:2}.news .news__card-btn{display:none}.news .news__mobile-btn{margin-top:var(--main-gap);text-align:center}@media(min-width: 56.3125rem){.news h2{margin-bottom:var(--main-gap);text-align:center}.news ul{display:flex;flex-direction:row;gap:var(--text-gap);justify-content:flex-start;margin:0;margin-inline:auto;max-width:var(--maxwidth);overflow-x:auto;overflow-y:hidden;padding-left:max((var(--main-gap/2)));padding-right:max((var(--main-gap/2)));scroll-padding-left:max((var(--main-gap/2)));scroll-padding-right:max((var(--main-gap/2)));scroll-snap-type:x proximity;width:100%;-webkit-overflow-scrolling:touch;scrollbar-width:none}.news ul::before,.news ul::after{content:"";flex:1 0 auto}.news ul::-webkit-scrollbar{display:none}.news ul>li{flex:0 0 auto;scroll-margin-left:max((var(--main-gap/2)));scroll-snap-align:start}.news article{align-items:stretch;background-color:var(--card-background);border:4px solid var(--secondary);border-radius:var(--radius);display:flex;flex-direction:column;height:100%;min-height:520px;overflow:hidden;padding:0;text-align:left;width:400px}.news article>img{border-radius:0;display:block;height:240px;object-fit:cover;width:100%}.news article>:not(img){padding-inline:var(--text-gap)}.news article>div{align-items:baseline;display:flex;flex-direction:row;justify-content:space-between;margin-top:var(--text-gap)}.news article>div span{color:var(--primary);font-weight:600}.news article>div time{font-weight:400;margin-bottom:0}.news article>h4{padding-block:var(--text-gap);text-align:center}.news article>p{display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;line-height:1.5;margin-bottom:var(--text-gap);overflow:hidden}.news .news__card-link{display:none}.news .news__card-btn{align-self:center;display:inline-flex;margin-bottom:var(--text-gap);margin-top:auto;position:relative;z-index:3}.news .news__mobile-btn{display:none}}.archive-games .archive-title{color:var(--primary);padding-bottom:0;text-align:center;text-transform:uppercase}.archive-games .games-list{display:flex;flex-direction:column;gap:calc(var(--main-gap)/2);list-style:none;padding-top:var(--main-gap)}.archive-games .game-card{background:var(--card-background);border:4px solid var(--secondary);border-radius:var(--radius);display:flex;flex-direction:column;overflow:hidden}.archive-games .game-card img{display:block;height:220px;object-fit:cover;width:100%}.archive-games .game-card h3{margin:0;padding-inline:var(--text-gap);padding-top:var(--text-gap)}.archive-games .game-card p{line-height:1.6;margin:0;padding-inline:var(--text-gap);padding-bottom:var(--offset);padding-top:calc(var(--text-gap)/2)}@media(min-width: 56.3125rem){.archive-games .game-card{align-items:stretch;column-gap:var(--text-gap);display:grid;grid-template-columns:200px 1fr;grid-template-rows:auto auto;padding-right:var(--text-gap)}.archive-games .game-card img{grid-column:1;grid-row:1/-1;height:100%;width:100%}.archive-games .game-card h3{grid-column:2;grid-row:1;padding-right:var(--text-gap);padding-block:var(--text-gap);padding-left:0}.archive-games .game-card p{grid-column:2;grid-row:2;padding-bottom:var(--offset);padding-inline:0}}.single-post{align-items:center}.single-post .post{display:flex;flex-direction:column;gap:var(--main-gap);max-width:var(--maxwidth);width:100%}.single-post .post-header{display:flex;flex-direction:column;gap:.5rem;text-align:center}.single-post .post-header .post-title{color:var(--primary)}.single-post .post-header .post-meta{font-size:.9rem;opacity:.7}.single-post .post-thumbnail img{border-radius:var(--radius);display:block;height:auto;width:100%}.single-post .post-content{display:flex;flex-direction:column;gap:var(--text-gap)}.single-post .post-content p{line-height:1.7}.single-post .post-content a{text-decoration:underline;text-underline-offset:3px}@media(min-width: 56.3125rem){.single-post .post-header{text-align:left}.single-post .post-content{font-size:1.05rem}}.page .page-content{padding-block:var(--section-padding-y)}.page .page-content h2{color:var(--primary);padding-block:0;padding-bottom:var(--main-gap);text-align:center;text-transform:uppercase}.page .page-content p{padding-block:var(--offset)}/*# sourceMappingURL=style.css.map */