*{font-family:Press Start\ 2P;margin:0;padding:0;scroll-behavior:smooth}:root{--color-10:#788374;--color-30:#f5e9bf;--color-60:linear-gradient(111deg,#372a39,#aa644d 99%);--color-30Text:#f5e9bf80}.bg__red-gradient{background:linear-gradient(176deg,#000,#050000 6%,#2a0101 47%,#470101 75%,#4a0404 180%)}.app,.bg__color{background:linear-gradient(111deg,#372a39,#aa644d 99%);background:var(--color-60)}.app{min-height:100vh}.app__home{text-wrap:wrap;align-items:center;display:flex;flex-direction:column;height:calc(100vh - 70.4px);justify-content:center;text-align:center;width:100%}.app__home h1{color:var(--color-30);margin:2rem}.app__home h2,.app__home h3{color:var(--color-30Text);margin:2rem}.app__home-buttons button{background:var(--color-10);border:none;border-radius:5px;box-shadow:2px 2px;color:#fff;font-size:15px;height:80px;letter-spacing:.05em;margin:2rem 3rem;outline:none;padding:.5rem;width:400px}.app__home-buttons button:hover{color:#000;cursor:pointer;text-decoration:underline}.app__home-buttons button:active{opacity:.35}@media screen and (max-width:700px){.app__home h1{font-size:28px}.app__home h2{font-size:22px}.app__home h3{font-size:16px}.app__home-buttons button{font-size:15px;height:60px;width:400px}}@media screen and (max-width:500px){.app__home-buttons button{margin:2rem 0;width:90%}}.app__aboutUs{align-items:center;display:flex;flex-direction:column;justify-content:space-around;text-align:center}.app__aboutUs h1{color:var(--color-30);margin:6rem 1rem;text-align:center}.app__aboutUs p{color:var(--color-30Text);margin:1.3rem 1rem;width:80%}#app__aboutUs-happy{color:var(--color-30)}.app__aboutUs-rawg{justify-self:end}@media screen and (max-width:550px){.app__aboutUs h1{font-size:24px;margin:5rem 1rem 1rem}.app__aboutUs p{font-size:13px}}.app__card-suggester{align-items:center;background-color:var(--color-10);border-radius:20px;display:flex;flex-direction:column;height:480px;justify-content:space-around;margin:3rem;width:600px;word-spacing:-.35rem}.app__card-suggester-image{height:70%;width:95%}.app__card-suggester-image img{border-radius:20px;height:100%;width:100%}.app__card-suggester-content{align-items:end;display:flex;justify-content:space-between;width:90%}.app__card-suggester-content-left p{font-size:14px;margin-top:1rem}.app__card-suggester-content-right p{font-size:14px;width:180px}@media screen and (max-width:1000px){.app__card-suggester{align-self:center;margin:0 0 3rem}}@media screen and (max-width:650px){.app__card-suggester{height:auto;padding:1rem 0;width:100%}.app__card-suggester-image img{height:auto}.app__card-suggester-content{margin-top:2rem}.app__card-suggester-content-right{align-items:end;display:flex;justify-content:end;text-align:end}}@media screen and (max-width:450px){.app__card-suggester{margin-top:0}.app__card-suggester-content{align-items:start;flex-direction:column;justify-content:start}.app__card-suggester-content-right{align-items:start;display:flex;justify-content:start;margin-top:1rem;text-align:start}}.app__card-parentPlatformSelecter{align-items:center;background-color:var(--color-10);border-radius:20px;display:flex;flex-direction:column;height:80px;justify-content:space-around;margin:1rem;width:200px;word-spacing:-.35rem}.app__card-parentPlatformSelecter:hover{background-color:var(--color-30)}.app__card-parentPlatformSelecter:active{opacity:.35}.app__card-parentPlatformSelecter-image{display:none;height:70%;width:95%}.app__card-parentPlatformSelecter-image img{border-radius:20px;display:none;height:100%;width:100%}.app__card-parentPlatformSelecter-content{align-items:end;display:flex;justify-content:center;text-align:center;width:90%}.app__card-parentPlatformSelecter-content-left h4{font-size:14px}.app__card-parentPlatformSelecter-content-left p{display:none;font-size:14px;margin-top:1rem}.app__card-parentPlatformSelecter-content-right p{display:none;font-size:14px;width:180px}@media screen and (max-width:500px){.app__card-parentPlatformSelecter{height:80px;margin:2%;width:40%}.app__card-parentPlatformSelecter-content-left h4{text-wrap:wrap;font-size:10px}}@media screen and (max-width:300px){.app__card-parentPlatformSelecter{width:80%}}.app__card-platformSelecter{align-items:center;background-color:var(--color-10);border-radius:20px;display:flex;flex-direction:column;height:240px;justify-content:space-around;margin:1rem;width:300px;word-spacing:-.35rem}.app__card-platformSelecter:hover{background-color:var(--color-30)}.app__card-platformSelecter:active{opacity:.35}.app__card-platformSelecter-image{height:70%;width:95%}.app__card-platformSelecter-image img{border-radius:20px;height:100%;width:100%}.app__card-platformSelecter-content{align-items:end;display:flex;justify-content:space-between;width:90%}.app__card-platformSelecter-content-left h4{font-size:14px}.app__card-platformSelecter-content-left p{font-size:14px;margin-top:1rem}.app__card-platformSelecter-content-right p{font-size:14px;width:180px}@media screen and (max-width:400px){.app__card-platformSelecter{height:auto;width:90%}.app__card-platformSelecter-image{align-items:center;display:flex;height:auto;justify-content:center;margin:1rem;width:90%}}.app__card-catalogue{align-items:center;background-color:var(--color-10);border-radius:20px;display:flex;flex-direction:column;height:280px;justify-content:space-around;margin:1rem;transition:.3s;width:350px;word-spacing:-.35rem}.app__card-catalogue:hover{background-color:var(--color-30);height:380px;width:400px}.app__card-catalogue:active{opacity:.35}.app__card-catalogue-image{height:70%;width:95%}.app__card-catalogue-image img{border-radius:20px;height:100%;width:100%}.app__card-catalogue-content{align-items:end;display:flex;flex-direction:column;width:90%}.app__card-catalogue-content-right{width:100%}.app__card-catalogue-content-left{display:flex;width:100%}.app__card-catalogue-content-left h4{font-size:13px;transition:.3s ease;width:380px}.app__card-catalogue:hover .app__card-catalogue-content-left h4{margin-bottom:2rem}.app__card-catalogue-content-left p{color:var(--color-10);font-size:0;margin-top:1rem;transition:.2s;width:100px}.app__card-catalogue-content-right p{color:var(--color-10);font-size:0;margin-bottom:.3rem;transition:.2s ease-in;width:180px}.app__card-catalogue:hover .app__card-catalogue-content-left p,.app__card-catalogue:hover .app__card-catalogue-content-right p{color:#000;font-size:14px}@media screen and (max-width:400px){.app__card-catalogue{height:auto;width:90%}.app__card-catalogue:hover{width:100%}.app__card-catalogue-image{align-items:center;display:flex;height:auto;justify-content:center;margin:1rem;width:90%}}.app__catalogue{display:flex;flex-direction:column;justify-content:space-around;margin-top:4rem}.app__catalogue h2{color:var(--color-30);font-size:26px;padding:2rem 3rem}.app__catalogue-filters,.app__catalogue-filters form{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.app__catalogue-filters-search{border-radius:20px;height:24px;margin-bottom:2rem;width:70%}.app__catalogue-content{align-items:center;display:flex;flex-wrap:wrap;justify-content:center}.app__catalogue-filters-top{color:var(--color-30Text);display:flex;justify-content:space-between;margin-bottom:2rem;width:65%}.app__catalogue-filters-top-genres,.app__catalogue-filters-top-platforms,.app__catalogue-filters-top-rating,.app__catalogue-filters-top-stores{align-items:center;display:flex;flex-direction:column}.app__catalogue-filters-bottom{display:flex;justify-content:space-between;margin-bottom:1rem;width:30%}.app__catalogue-filters-bottom button,.app__catalogue-filters-bottom input{background:var(--color-10);border:none;border-radius:5px;box-shadow:2px 2px;color:#fff;height:30px;letter-spacing:.05em;outline:none;padding:.5rem;width:240px}.app__catalogue-filters-bottom button:hover,.app__catalogue-filters-bottom input:hover,.app__catalogue-loadMore button:hover{color:#000;cursor:pointer;text-decoration:underline}.app__catalogue-filters-bottom button:active,.app__catalogue-filters-bottom input:active,.app__catalogue-loadMore button:active{opacity:.35}.app__catalogue-loadMore{align-items:center;display:flex;justify-content:center;width:100%}.app__catalogue-loadMore button{background:var(--color-10);border:none;border-radius:5px;box-shadow:2px 2px;color:#fff;height:30px;letter-spacing:.05em;margin:2rem 0 3rem;outline:none;padding:.5rem;width:240px}@media screen and (max-width:1650px){.app__catalogue-filters-bottom{width:40%}}@media screen and (max-width:1400px){.app__catalogue-filters-top{width:85%}}@media screen and (max-width:1250px){.app__catalogue-filters-top{justify-content:space-evenly;width:90%}.app__catalogue-filters-bottom{justify-content:space-evenly;width:80%}}@media screen and (max-width:1050px){.app__catalogue-filters form{align-items:center;display:flex;flex-direction:row;justify-content:space-evenly}.app__catalogue-filters-top{align-items:start;flex-direction:column;width:auto}.app__catalogue-filters-top-genres,.app__catalogue-filters-top-platforms,.app__catalogue-filters-top-rating,.app__catalogue-filters-top-stores{align-items:start;margin-bottom:1rem}.app__catalogue-filters-bottom{flex-direction:column;width:auto}.app__catalogue-filters-bottom button,.app__catalogue-filters-bottom input{height:40px;margin:1rem 0}}@media screen and (max-width:600px){.app__catalogue-filters form{flex-direction:column}.app__catalogue-filters-top{margin:0;width:auto}}@media screen and (max-width:350px){.app__catalogue h2{padding:2rem 10px;text-align:center}.app__catalogue-filters-top{padding:0 10px}.app__catalogue-filters-top-genres select,.app__catalogue-filters-top-platforms select,.app__catalogue-filters-top-rating select,.app__catalogue-filters-top-stores select{font-size:12px;overflow-x:scroll;width:95%}}.app__screenshotScroll{background:var(--color-10);border-radius:20px;display:flex;flex-direction:column;justify-content:center;margin:2rem;padding:0 2rem}.app__screenshotScroll h1{padding:3rem 0 2rem}.app__screenshotScroll p{padding:0 0 3rem}.app__screenshotScroll-content{display:flex;justify-content:space-between;padding-bottom:2rem}.app__screenshotScroll-content-arrow_container{align-items:center;border-radius:20px;display:flex;justify-content:center;margin:2rem 0;-webkit-user-select:none;user-select:none}.app__screenshotScroll-content-arrow_container:hover{background:var(--color-30);opacity:.5}.app__screenshotScroll-content h1{display:flex;font-size:48px;padding:0 2rem;text-align:center}.app__screenshotScroll-content-gallery{align-items:center;display:flex;overflow-x:scroll;scrollbar-width:none}.app__screenshotScroll-content-gallery a:hover{padding-bottom:2rem;transition:.2s ease}.app__screenshotScroll-content-gallery a:active{opacity:.35}.app__screenshotScroll-content-gallery::-webkit-scrollbar{height:0;width:0}.app__screenshotScroll-content-gallery img{border-radius:20px;height:340px;margin:.5rem .3rem;width:640px}@media screen and (max-width:1000px){.app__screenshotScroll{padding:0}.app__screenshotScroll h1{padding:2rem}.app__screenshotScroll-content-gallery img{height:170px;width:320px}.app__screenshotScroll-content-arrow_container h1{padding:10px}}@media screen and (max-width:750px){.app__screenshotScroll-content-gallery img{height:140px;width:180px}}@media screen and (max-width:550px){.app__screenshotScroll-content-gallery img{height:auto;width:150px}.app__screenshotScroll h1{font-size:18px;padding:2rem 1rem 0}.app__screenshotScroll-content-arrow_container h1{padding:10px}}@media screen and (max-width:350px){.app__screenshotScroll{margin:10px;padding:0;width:90%}.app__screenshotScroll h1{text-align:center}.app__screenshotScroll-content-gallery{align-items:center;flex-direction:row;flex-wrap:wrap;justify-content:center;width:100%}.app__screenshotScroll-content-gallery img{height:auto;width:120px}.app__screenshotScroll-content-arrow_container{display:none}}.app__suggester{display:flex;flex-direction:column;margin-top:3rem}.app__suggester-loading{align-items:center;color:var(--color-30);display:flex;height:70vh;justify-content:center;text-align:center;width:100%}.app__suggester-newSuggestion,.app__suggester-returnToSearch{background:var(--color-10);border:none;border-radius:5px;box-shadow:2px 2px;color:#fff;letter-spacing:.05em;margin:0 3rem;outline:none;padding:.5rem;width:600px}.app__suggester-newSuggestion:hover,.app__suggester-returnToSearch:hover{color:#000;cursor:pointer;text-decoration:underline}.app__suggester-newSuggestion:active,.app__suggester-returnToSearch:active{opacity:.35}.app__suggester-newSuggestion{display:none}.app__suggester-info{align-items:center;display:flex;justify-content:space-around}.app__suggester-info-content{align-items:start;display:flex;flex-direction:column;height:500px;justify-content:space-around;width:60%}.app__suggester-info-content h3{color:var(--color-30);margin-bottom:2rem}.app__suggester-info-content-description{color:var(--color-30Text);height:50%;overflow-y:scroll;padding-right:5px;scrollbar-color:var(--color-30) #0000;scrollbar-width:thin;width:90%}.app__suggester-info-content-description::-webkit-scrollbar{width:.5vw}.app__suggester-info-content-description::-webkit-scrollbar-thumb{background-color:var(--color-30)}.app__suggester-info-content-description::-webkit-scrollbar-track{background-color:initial}.app__suggester-info-content-addedInfo{display:flex;flex-direction:column;justify-content:start;margin:2rem 0;width:100%}.app__suggester-info-content-addedInfo h4{color:var(--color-30);margin-right:1rem}.app__suggester-info-content-addedInfo p{color:var(--color-30Text);padding:0 .5rem}.app__suggester-info-content-addedInfo-genres,.app__suggester-info-content-addedInfo-platforms{display:flex;padding:.4rem 0}.app__suggester-info-content-addedInfo-genres h4,.app__suggester-info-content-addedInfo-platforms h4{width:160px}.app__suggester-info-store{color:var(--color-30)}.app__suggester-info-store a{color:#fff}.app__suggester-info-store a:hover{color:#000}.app__suggester-info-store a:active{opacity:.35}@media screen and (max-width:1000px){.app__suggester-info{align-items:start;flex-direction:column;justify-content:start;padding:0 2rem}.app__suggester-info-left{align-self:center;justify-self:center;margin:0;padding:0;width:100%}.app__suggester-newSuggestion,.app__suggester-returnToSearch{height:36px;margin:0 0 1rem;padding:0;width:100%}.app__suggester-info-content{margin:0;padding:0;width:100%}.app__suggester-info-content-description{width:100%}}@media screen and (max-width:550px){.app__suggester-info-content h3{font-size:16px}.app__suggester-info-content h4{font-size:14px}.app__suggester-info-content p,.app__suggester-info-content-addedInfo p{font-size:12px}}@media screen and (max-width:450px){.app__suggester-info-content-addedInfo-genres,.app__suggester-info-content-addedInfo-platforms{flex-direction:column;justify-content:center}.app__suggester-info-content-addedInfo-genres h4,.app__suggester-info-content-addedInfo-platforms h4{margin-bottom:1rem}.app__suggester-info-content-description{height:600px}.app__suggester-newSuggestion{display:block;height:28px;margin-bottom:1rem;width:100%}}@media screen and (max-width:350px){.app__suggester-info{padding:0 .5rem}}.app__navbar{align-items:center;display:flex;justify-content:space-between;padding:1rem}.app__navbar h1 a{color:var(--color-30);text-decoration:none}.app__navbar h1 a:hover{color:#fff;text-decoration:underline}.app__navbar h1 a:active{opacity:.35}.app__navbar-links{align-items:center;display:flex;justify-content:space-between;text-decoration:none}.app__navbar-links-a{color:var(--color-30);letter-spacing:.05em;padding:0 0 0 2rem;text-decoration:none}.app__navbar-links button{background:var(--color-10);border:none;border-radius:5px;box-shadow:2px 2px;color:#fff;letter-spacing:.05em;margin:0 0 0 2rem;outline:none;padding:.5rem}.app__navbar-links button a{color:#fff;text-decoration:none}.app__navbar-links-a:hover{color:#fff;cursor:pointer;text-decoration:underline}.app__navbar-links button:hover{color:#000;cursor:pointer;text-decoration:underline}.app__navbar-links button:active,.app__navbar-links-a:active{opacity:.35}.app__navbar-links-smallscreen{display:none}.app__navbar-links-smallscreen button{background:var(--color-10);border:none;border-radius:5px;box-shadow:2px 2px;color:#fff;letter-spacing:.05em;outline:none;padding:.5rem}.app__navbar-links-smallscreen button:hover{color:#000;cursor:pointer;text-decoration:underline}.app__navbar-links-smallscreen button:active{opacity:.35}#app__navbar-smallscreenMenuIcon{align-items:center;color:var(--color-30);display:none;justify-content:center;z-index:5}#app__navbar-smallscreenMenuIcon button,.menuIcon{height:28px}.menuIcon{margin-left:1rem;width:28px}.menuIcon:hover{color:#fff;cursor:pointer}.menuIcon:active{opacity:.35}@media screen and (max-width:1420px){.app__navbar h1{font-size:24px}.app__navbar-links-a{font-size:14px}.app__navbar-links button{font-size:12px}}@media screen and (max-width:1250px){.app__navbar-links{display:none}#app__navbar-smallscreenMenuIcon{align-items:center;display:flex;justify-content:space-between}.app__navbar-links-smallscreen{display:flex;flex-direction:column;position:fixed;right:1rem;top:1rem}.app__navbar-links-smallscreen a{padding:0}.app__navbar-links-smallscreen p{padding-bottom:1rem}.app__navbar-links-smallscreen button{height:48px;width:100%}}@media screen and (max-width:950px){.app__navbar h1{font-size:18px}#app__navbar-smallscreenMenuIcon button{font-size:12px}}@media screen and (max-width:650px){.app__navbar h1{text-wrap:wrap;width:20%}}@media screen and (max-width:450px){#app__navbar-smallscreenMenuIcon{align-items:end;flex-direction:column-reverse;justify-content:center}#app__navbar-smallscreenMenuIcon button{display:none}.app__navbar-links-smallscreen{align-items:center;background:var(--color-60);height:100vh;justify-content:center;left:0;margin:0;padding:0;position:fixed;top:0;width:100vw}.app__navbar-links-smallscreen p{padding-bottom:3rem}.app__navbar-links-smallscreen button{width:200px}}.app__platformSelecter{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:6rem}.app__platformSelecter h1{color:var(--color-30);margin-bottom:2rem;padding:0 1rem;text-align:center}.app__platformSelecter-platforms{align-items:center;display:flex;flex-wrap:wrap;justify-content:center}@media screen and (max-width:350px){.app__platformSelecter h1{font-size:28px}}
/*# sourceMappingURL=main.664bf5d3.css.map*/