:root{--HeaderHeight:10vh;--minHeaderHeight:60px;--offsetFromHeader:calc(var(--HeaderHeight)*1.25);--posX:0px;--posY:0px;--fadeDuration:0.5s;--growShrinkDuration:0.3s;--displayminheight:500px;--borderRadius:15px;--const20px:20px;--const10px:10px;--const5px:5px;--appbgColor:#1b2431;--sectionbg:#232f3e;--cardBgColor:#2d3c50;--btnbgHover:#99e3db;--btnBrand:#33cbb8;--btnbgClick:#ccf0ed;--navbarColor:#121826;--navBtnFontSize:18px;--navBtnFontColor:#a7b2b2;--shadowBox:5px 5px 10px 0px rgba(0,0,0,.5)}*{box-sizing:border-box;margin:0;padding:0}#app{background-color:#1b2431;background-color:var(--appbgColor);color:#fff;font-family:sans-serif;font-weight:400;min-height:100vh;text-align:center}.flex,img{width:100%}.flex,.flex-col{display:flex}.flex-col{flex-direction:column}.grid{display:grid}.rg20{row-gap:20px;row-gap:var(--const20px)}.bordered{border:1px solid #000}.round{border-radius:20px;border-radius:var(--const20px)}.spacedAway{justify-content:space-between}.hidden{display:none}.visible{visibility:visible}.fixed{position:fixed;z-index:1}.circle{border-radius:100%}.opaque{opacity:40%}.center-children{align-items:center;justify-items:center}.w100{width:100%}#navbar{background-color:grey;background-color:#121826;background-color:var(--navbarColor);box-shadow:0 5px 15px 0 #000;height:10vh;height:var(--HeaderHeight);min-height:60px;position:fixed;top:0;z-index:2}.navbuttons{justify-content:space-evenly}.navbutton{background-color:initial;border:0;color:#a7b2b2;color:var(--navBtnFontColor);height:100%;min-height:60px;min-height:var(--minHeaderHeight);min-width:120px;padding:5px;text-decoration:none}.btn-dropdown:hover,.navbutton:hover{background-color:#99e3db;background-color:var(--btnbgHover);color:#fff}.btn-dropdown:active,.navbutton:active{background-color:#ccf0ed;background-color:var(--btnbgClick)}.navbrand button{background-color:#33cbb8;background-color:var(--btnBrand);color:#fff;min-width:250px}.btnlang{background-color:initial;border:0;max-height:10vh;max-height:var(--HeaderHeight);max-width:10vh;max-width:var(--HeaderHeight);min-height:60px;min-height:var(--minHeaderHeight);min-width:60px;min-width:var(--minHeaderHeight);padding-right:30%;width:130%}.btnlang img:hover{border-radius:100%;-webkit-filter:brightness(150%);filter:brightness(150%)}.btnlang img:active{border:1px solid #fff}.hamburgerbar{justify-content:flex-end}.btn-dropdown{background-color:#585858;border:none;min-height:10vh;min-height:var(--HeaderHeight);min-width:130px}.btn-dropdown img{-webkit-filter:sepia(1);filter:sepia(1);width:50%}#dropdown{background-color:#585858;border-bottom-left-radius:20px;border-bottom-left-radius:var(--const20px);box-shadow:5px 5px 10px 0 rgba(0,0,0,.5);box-shadow:var(--shadowBox);justify-items:center}#dropdown .navbutton{width:100%}#dropdown .btnlang{padding:10px;width:100%}#veil{background-color:rgba(0,0,0,.4);height:100%;position:fixed;z-index:1}.section-container{margin:0 2.5%;padding-top:12.5vh;padding-top:var(--offsetFromHeader)}.section-bg{background-color:#232f3e;background-color:var(--sectionbg);justify-items:center;padding:2.5% 2.5% 3.5%;row-gap:25px}.absbtn{background-color:hsla(0,0%,50%,.6);border:1px solid #000;bottom:1%;max-width:5vw;min-width:80px;position:fixed;right:1%;z-index:1}.absbtn:hover{background-color:grey;-webkit-filter:brightness(150%);filter:brightness(150%)}.absbtn:active{-webkit-filter:brightness(200%);filter:brightness(200%)}.intro{align-items:center;-webkit-column-gap:1.5vw;column-gap:1.5vw;grid-template-columns:35% 65%;padding:2vw}.intro-font{font-size:1.5rem}.intro-txt-container{align-content:center;row-gap:40px;text-align:left}.meicon{border-radius:100%;max-width:20vw}.productdisplayer{gap:20px;gap:var(--const20px);grid-auto-rows:1fr;grid-template-columns:repeat(4,1fr)}.miniature-container{align-items:center;justify-content:center;max-height:100%;min-height:100%}.miniature{border:1.5px solid #000;border-radius:15px;box-shadow:5px 5px 10px 0 rgba(0,0,0,.5);box-shadow:var(--shadowBox);max-height:100%;max-width:100%;overflow:hidden}.miniature-selected{-webkit-animation:shrink .3s forwards,highlight 1s infinite;animation:shrink .3s forwards,highlight 1s infinite;border-color:#e9e9e9;box-shadow:0 0 15px 2px hsla(0,0%,100%,.884);cursor:pointer}.miniature-restore-anim{-webkit-animation:grow .3s forwards;animation:grow .3s forwards;-webkit-animation:grow var(--growShrinkDuration) forwards;animation:grow var(--growShrinkDuration) forwards}@-webkit-keyframes highlight{50%{box-shadow:0 0 18px 6px hsla(0,0%,100%,.884)}}@keyframes highlight{50%{box-shadow:0 0 18px 6px hsla(0,0%,100%,.884)}}@-webkit-keyframes shrink{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(.9);transform:scale(.9)}}@keyframes shrink{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(.9);transform:scale(.9)}}@-webkit-keyframes grow{0%{-webkit-transform:scale(.9);transform:scale(.9)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes grow{0%{-webkit-transform:scale(.9);transform:scale(.9)}to{-webkit-transform:scale(1);transform:scale(1)}}.miniature:active{border-color:#fff;cursor:default;-webkit-filter:brightness(50%);filter:brightness(50%)}.miniature-title{background-color:#000;color:#eaf4f4;font-size:1.3em;height:70px;padding:2.5%}.fadeout{-webkit-animation:fadeout .5s forwards;animation:fadeout .5s forwards;-webkit-animation:fadeout var(--fadeDuration) forwards;animation:fadeout var(--fadeDuration) forwards}.fadein{-webkit-animation:fadein .5s forwards;animation:fadein .5s forwards;-webkit-animation:fadein var(--fadeDuration) forwards;animation:fadein var(--fadeDuration) forwards}@-webkit-keyframes fadein{0%{opacity:0}to{opacity:1}}@keyframes fadein{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fadeout{fron{opacity:1}to{opacity:0}}@keyframes fadeout{fron{opacity:1}to{opacity:0}}.product-info-panel{background-color:#2d3c50;background-color:var(--cardBgColor);box-shadow:0 0 10px 0 #000;-webkit-column-gap:20px;column-gap:20px;-webkit-column-gap:var(--const20px);column-gap:var(--const20px);justify-items:center;padding:20px;padding:var(--const20px)}.gamemedia{grid-template-columns:55% 1fr}.smallimgs_container{-webkit-column-gap:10px;column-gap:10px;grid-template-columns:repeat(3,1fr)}.product-description{height:100%}.product-description-text{font-size:1.3rem;line-height:1.25;text-align:left}.btncontainer{justify-content:space-evenly;max-height:50px}.productbtn{background-color:grey;border:1px solid #000;border-radius:25px;color:#000;font-size:18px;font-size:1.4rem;height:100%;min-width:100px;padding:10px;text-decoration:none}.okbtn{background-color:#3aa03f}.returnbtn{background-color:#b8553d}.productbtn:hover{background-color:#cfcfcf}iframe{align-self:center;aspect-ratio:16/9;border-color:#000 solid 10px;border-radius:20px;border-radius:var(--const20px)}.text{justify-content:left}form{font-size:20px;font-size:var(--const20px);row-gap:5px;width:80%}form label{justify-self:left}form input{height:25px}input,textarea{border:1px solid #000;border-radius:5px;padding:5px}.invalidInput{border:2px solid red}.error{color:red}.errorCorrected{color:green}footer{background-color:#121826;background-color:var(--navbarColor);bottom:0;height:10vh;height:var(--HeaderHeight);margin-top:12.5vh;margin-top:var(--offsetFromHeader)}.bookmedia{grid-template-columns:45% 1fr}.visualmedia{align-content:center;row-gap:10px;row-gap:var(--const10px)}h1{font-size:2.25rem}h2{font-size:2rem}h3{font-size:1.5rem;font-weight:400}@media (max-width:1200px){.productdisplayer{grid-template-columns:repeat(3,1fr)}.intro{-webkit-column-gap:2vw;column-gap:2vw;font-size:1.2rem;grid-template-columns:40% 1fr}.meicon{max-width:350px}.intro-font{font-size:1.4rem}h2{font-size:2rem}.productbtn{font-size:1.3rem}.gamemedia{grid-template-columns:1fr}.visualmedia{-webkit-column-gap:10px;column-gap:10px;-webkit-column-gap:var(--const10px);column-gap:var(--const10px);grid-template-columns:70% 1fr}.smallimgs_container{grid-template-columns:1fr;row-gap:5px;row-gap:var(--const5px)}}@media (max-width:1000px){.navbrand button{min-width:200px}.section-container{margin-left:2%;margin-right:2%}h1{font-size:2.2rem}.intro{-webkit-column-gap:2vh;column-gap:2vh;font-size:1.2rem;grid-template-columns:40% 1fr}.intro-font{font-size:1.3rem}.meicon{max-width:400px}.productbtn{font-size:1.2rem}}@media (max-width:800px){.navbrand button{min-width:150px}h1{font-size:2rem}h2{font-size:1.8rem}h3{font-size:1.4rem}.section-container{margin-left:1%;margin-right:1%}.productdisplayer{grid-auto-rows:1fr;grid-template-columns:repeat(2,1fr)}.intro{grid-template-columns:1fr;row-gap:2.5vh}.meicon{max-width:40%;min-width:250px}.intro-font{font-size:1.2rem}.visualmedia{-webkit-column-gap:10px;column-gap:10px;-webkit-column-gap:var(--const10px);column-gap:var(--const10px);grid-template-columns:1fr}.smallimgs_container{grid-template-columns:repeat(3,1fr);row-gap:5px;row-gap:var(--const5px)}.bookmedia{grid-template-columns:1fr}.product-info-panel{padding:2%}.product-description-text,.productbtn{font-size:1.2rem}}@media (max-width:600px){.navbrand button{min-width:200px}h1{font-size:1.5rem}h2{font-size:1.3rem}h3{font-size:1.2rem}.intro-font{font-size:1.1rem}.miniature-title{font-size:1.2em}.product-description-text,.productbtn{font-size:1rem}.meicon{max-width:50%;min-width:200px}}@media (max-width:360px){h1{font-size:1.5rem}.miniature-title{font-size:1.1em}.navbrand button{min-width:150px}.productdisplayer{grid-auto-rows:1fr;grid-template-columns:1fr 1fr}}
/*# sourceMappingURL=main.896bf845.css.map*/