@import url(https://fonts.googleapis.com/css2?family=Orbitron:wght@400;600&display=swap);*,:after,:before{border:0;box-sizing:border-box;margin:0;padding:0}:root{--body-black:#141718;--main-container-black:#1e1f23;--sidebar-black:#141718;--purple-shade:#6846ec;--dark-purple-shade:#4c34aa;--light-shade-grey:#28292d;--lightest-shade-grey:#60626d;--green-shade:#29ebc8;--call-to-action-red:#f14648;--main-font-size:16px;--font-grey:#fff;--black:#000;--meta-green:#6c3;--meta-green-light:#9ffc70;--add:#19671b;--minus:#992e30;--header:#c4c3c3;--completed:#24ab26;--playing:#f7ca65}img{width:100%}body{background-color:#141718;background-color:var(--body-black);color:#fff;color:var(--font-grey);font-family:Orbitron,sans-serif}.main-container{background-color:#1e1f23;background-color:var(--main-container-black);margin:0 auto;max-width:1200px}.error-tab{background-color:#992e30;background-color:var(--minus);border-radius:10px;left:50%;padding:1rem;position:absolute;text-align:center;transform:translateX(-50%)}.login-container{align-content:center;background-color:#6846ec;background-color:var(--purple-shade);border-radius:10px;display:flex;flex-flow:column;justify-content:center;margin:5rem auto;max-width:80%;padding:2rem}.login-bg{min-height:80vh}.login-form{max-height:500px;max-width:70%}.login-container form{align-items:flex-start;display:flex;flex-flow:column;justify-content:center;margin:0 auto;max-height:500px;padding:2rem}.login-form-button{background-color:#28292d;background-color:var(--light-shade-grey);border-radius:10px;color:#fff;color:var(--font-grey);padding:1rem 2rem}.login-form-button:hover{background-color:#f14648;background-color:var(--call-to-action-red);color:#000;color:var(--black)}.login-form-label{margin-bottom:.2rem;padding:.2rem}.login-form-input{border:1px solid #000;border:1px solid var(--black);border-radius:10px;margin-bottom:1rem;padding:.6rem;width:500px}.nav{background-color:#28292d;background-color:var(--light-shade-grey);border-radius:0 0 10px 10px;display:flex;justify-content:space-between;max-width:100%;padding:1.5rem 2rem}.offCanvasButton{background-color:#6846ec;background-color:var(--purple-shade);border-radius:10px;color:#fff;color:var(--font-grey);font-size:1.5rem;padding:.8rem}.logo-nav{align-items:center;display:flex;flex-basis:15%;justify-content:center}.sign-in{border-radius:10px;cursor:pointer;font-size:1.2rem;font-weight:700;padding:.8rem 2rem}.sign-in:hover{background-color:#f14648;background-color:var(--call-to-action-red);color:#000;color:var(--black)}.logo{cursor:pointer}.logo:hover{color:#f14648;color:var(--call-to-action-red)}.offCanvas{display:none}.nav-user{align-items:center;display:flex;justify-content:center}.nav-user p{font-weight:700}footer{align-items:center;background-color:#28292d;background-color:var(--light-shade-grey);border-radius:10px 10px 0 0;bottom:0;display:flex;justify-content:space-between;padding:1.4rem;position:relative}.footer-links-container{display:flex;flex-flow:row;justify-content:space-around}.rawg{background-color:#f14648;background-color:var(--call-to-action-red);border-radius:10px;padding:.4rem;text-align:center}.footer-sections a{color:#fff;display:block;text-decoration:none}.footer-links-container img{padding-right:.4rem}.footer-links-container a:hover{color:#f14648;color:var(--call-to-action-red);cursor:pointer}.footer-links{align-items:center;display:flex;justify-content:space-between;padding:.5rem}.footer-sections{flex-basis:auto}.sidebar{align-items:flex-start;background-color:#6846ec;background-color:var(--purple-shade);border-radius:10px;display:flex;flex-flow:column;padding:.2rem 0 .2rem .2rem}.sidebar ul{list-style-type:none;margin:2rem 0 0;padding:0;width:100%}.sidebar ul li{border-bottom:1px solid #4c34aa;border-bottom:1px solid var(--dark-purple-shade);border-radius:10px 0 0 10px;font-size:1.4rem;margin-bottom:1rem;padding:1rem}.sidebar ul li:hover{background-color:#f14648;background-color:var(--call-to-action-red)}.sidebar a{color:#fff;color:var(--font-grey);display:block;text-decoration:none}.active-link{background-color:#f14648;background-color:var(--call-to-action-red);border-radius:10px 0 0 10px}.user-links{background-color:#4c34aa}.user-links:hover{cursor:pointer}.nav-icon{background-color:#4c34aa;background-color:var(--dark-purple-shade);border-radius:10px;padding:.6rem 1rem}.nav ul{align-items:center;display:flex;flex-basis:20%;flex-flow:row;justify-content:flex-end;list-style:none}.nav ul li a{border-radius:10px;display:block;font-weight:700;margin-inline:.5rem;padding:.6rem 1rem;text-decoration:none}.offCanvas-nav{display:none;width:100%;z-index:10}.offCanvas-active{left:0;position:fixed}.offCanvas-nav ul li{margin-bottom:.5rem}.main-container-content{display:grid;grid-template-columns:1fr 4fr;min-height:90vh;padding-top:.5rem;position:relative}.games-grid{grid-row-gap:1rem;grid-column-gap:.8rem;align-content:start;column-gap:.8rem;display:grid;grid-template-columns:repeat(3,1fr);padding:1rem;row-gap:1rem}.pagination-button-section{display:flex;justify-content:center;padding:.5rem .5rem 2rem}.pagination-button{background-color:#6846ec;background-color:var(--purple-shade);border-radius:10px;color:#fff;color:var(--font-grey);cursor:pointer;font-size:1.2rem;padding:.6rem 1rem}.pagination-button:hover{background-color:#f14648;background-color:var(--call-to-action-red)}.carousel-container{background-color:#28292d;background-color:var(--light-shade-grey);border-radius:20px;margin-top:1rem;padding-block:1rem;width:100%}.test-slide-container{padding:1rem}.test-slide{border:5px solid #28292d;border:5px solid var(--light-shade-grey);border-radius:10px;cursor:pointer;position:relative;width:100%}.test-slide:hover{border:5px solid #6846ec;border:5px solid var(--purple-shade);position:relative}.test-slide img{border-radius:10px;min-height:100%}.test-slide-grad{background:linear-gradient(180deg,#0000001a 40%,#000000d9 70%);border-radius:10px;bottom:0;left:0;position:absolute;right:0;top:0}.test-slide-text{bottom:1rem;font-size:1.2rem;font-weight:700;left:50%;transform:translate(-50%);width:80%}.test-slide-score,.test-slide-text{position:absolute;text-align:center}.test-slide-score{background-color:#141718;background-color:var(--body-black);border:3px solid #6c3;border-radius:10px;border-right:3px solid #9ffc70;border:3px solid var(--meta-green);border-right-color:var(--meta-green-light);border-top:3px solid #9ffc70;border-top:3px solid var(--meta-green-light);font-weight:600;left:0;padding:.6rem;top:0}.game-card{background-color:#28292d;background-color:var(--light-shade-grey);border-radius:20px 20px 10px 10px;color:#fff;color:var(--font-grey);cursor:pointer;display:grid;font-family:Orbitron,sans-serif;font-size:1rem;grid-template-areas:"card-image card-image card-image card-image" "game-title game-title game-title game-title" "game-title game-title game-title game-title" "game-title game-title game-title game-title";height:300px;max-width:300px;position:relative}.game-card:hover{border:2px solid #6846ec;border-bottom:5px solid #6846ec;border:solid var(--purple-shade);border-width:2px 2px 5px;position:relative;top:-5px}.game-card-image{border-radius:20px 20px 0 0;grid-area:card-image;height:170px;overflow-y:hidden}.img-in-card{min-height:170px}.game-card-consoles{background-color:#6846ec;background-color:var(--purple-shade);border-radius:0 20px 0 0;grid-area:consoles;height:inherit;max-width:15%;padding:.5rem;position:absolute;right:0;top:0}.game-card-consoles ul{display:flex;flex-direction:column;justify-content:space-around;list-style:none;margin:0;padding:.2rem}.game-card-title{align-items:center;display:grid;grid-area:game-title;grid-template-areas:"game-name game-name game-name game-name" ". . . ." "release release . .";padding:1rem}.game-card-name{border-bottom:1px solid #6846ec;border-bottom:1px solid var(--purple-shade);color:#f0f0f0;font-size:1.2rem;font-weight:700;grid-area:game-name;min-height:55px;padding-bottom:.2rem;text-align:center}.game-card-release{grid-area:release;padding-block:.8rem;text-align:left}.game-card-score{background-color:#141718;background-color:var(--body-black);border:3px solid #6c3;border-radius:10px;border-right:3px solid #9ffc70;border:3px solid var(--meta-green);border-right-color:var(--meta-green-light);border-top:3px solid #9ffc70;border-top:3px solid var(--meta-green-light);font-weight:600;left:0;padding:.6rem;position:absolute;text-align:center;top:0}.game-card-rating{background-color:#4c34aa;background-color:var(--dark-purple-shade);border-radius:10px;bottom:15px;min-width:60px;padding:.5rem;position:absolute;right:10px;z-index:5}.game-card-gamestatus{border-radius:0 0 10px 10px;bottom:0;position:absolute;width:100%;z-index:2}.game-card:hover>.game-card-gamestatus{display:none}.filter{align-items:center;background-color:#28292d;background-color:var(--light-shade-grey);border-radius:10px;display:flex;justify-content:flex-end;margin-top:.5rem;max-width:100%;padding:1.2rem}.filter-input{background-color:#1e1f23;background-color:var(--main-container-black);border-radius:10px 0 0 10px;padding:.4rem 1rem}.filter-input,.filter-input-button{border:1px solid #4c34aa;border:1px solid var(--dark-purple-shade);color:#fff;color:var(--font-grey)}.filter-input-button{background-color:#6846ec;background-color:var(--purple-shade);border-radius:0 10px 10px 0;padding:.4rem}.games-information-card{background-color:#28292d;background-color:var(--light-shade-grey);border-radius:10px;margin:1rem auto;position:relative;width:75%}.card-info-image-section{padding:1.4rem}.card-info-image-section img{border-radius:10px}.game-information-card-text{grid-gap:1rem;display:grid;gap:1rem;grid-template-areas:"game-information-title game-information-title game-information-title game-information-title" "game-information-title game-information-title game-information-title game-information-title" "game-information-form game-information-form game-information-form game-information-button" "game-information-release game-information-release game-information-score game-information-rating" "game-information-genre game-information-genre game-information-platforms game-information-platforms" "game-information-dev game-information-dev game-information-pub game-information-pub " "game-information-details game-information-details game-information-details game-information-details ";padding:1rem}.game-information-card-text-title{font-size:1.6rem;grid-area:game-information-title;text-align:center}.game-information-card-text-button{align-items:center;display:flex;grid-area:game-information-button;justify-content:center;padding:1rem}.game-information-card-text-score{grid-area:game-information-score}.game-information-card-text-release{grid-area:game-information-release}.game-information-card-text-genre{grid-area:game-information-genre}.game-information-card-text-platforms{grid-area:game-information-platforms}.game-information-card-text-details{grid-area:game-information-details}.game-information-card-text-dev{grid-area:game-information-dev}.game-information-card-text-pub{grid-area:game-information-pub}.game-information-card-text-rating{grid-area:game-information-rating}.game-information-card-text-form{align-items:center;display:flex;grid-area:game-information-form;justify-content:center}.game-info-form{align-items:center;display:flex;padding:1rem;width:100%}.game-info-form-lable{padding:.2rem}.game-info-form-input{background-color:#4c34aa;background-color:var(--dark-purple-shade);border:none;border-radius:10px;color:#fff;color:var(--font-grey);margin:.5rem;padding:.4rem}.game-info-form-button{background-color:#f14648;background-color:var(--call-to-action-red);max-height:40px;padding:.4rem}.firebase-button,.game-info-form-button{border-radius:10px;color:#fff;font-weight:700}.firebase-button{padding:.6rem}[data-bg-colour=red]{background-color:#f14648;background-color:var(--call-to-action-red);color:#fff;color:var(--font-grey)}[data-bg-colour=purple]{background-color:#6846ec;background-color:var(--purple-shade);color:#fff;color:var(--font-grey)}.game-header{border-bottom:3px solid #4c34aa;border-bottom:3px solid var(--dark-purple-shade);color:#c4c3c3;color:var(--header);font-weight:700;margin-bottom:.6rem;padding:.6rem .4rem}.game-header,.game-text-align{text-align:center}.mapped-text{border:1px solid #fff;border:1px solid var(--font-grey);border-radius:10px;display:inline-block;margin:.2rem;padding:.2rem .5rem}[data-colour=Plus]{background-color:#19671b;background-color:var(--add)}[data-colour=Minus]{background-color:#992e30;background-color:var(--minus)}.go-back-button{background-color:#6846ec;background-color:var(--purple-shade);border:2px solid #4c34aa;border:2px solid var(--dark-purple-shade);border-radius:10px;color:#fff;color:var(--font-grey);cursor:pointer;left:1.4rem;padding:.6rem 1.2rem;position:absolute;top:1.4rem}.profile-card{background-color:#28292d;background-color:var(--light-shade-grey);border-radius:10px;margin:100px auto;max-width:60%;padding:1rem}.profile-card-img{background-color:#4c34aa;background-color:var(--dark-purple-shade);border-radius:10px;margin:1rem auto;max-width:40%;text-align:center}.profile-card-img img{max-height:60%;max-width:60%}.profile-card-section{font-size:1.6rem;padding:1rem;text-align:center}.not-login-button-section{align-items:center;display:flex;flex-flow:column;justify-content:center}.not-login-button{background-color:#6846ec;background-color:var(--purple-shade);border-radius:10px;color:#fff;color:var(--font-grey);cursor:pointer;font-size:1.6rem;margin-top:1rem;padding:1rem 2rem}.not-login-button:hover{background-color:#f14648;background-color:var(--call-to-action-red)}@keyframes myAnim{0%{opacity:0;transform:translateY(-250px)}50%{opacity:.7}to{opacity:1;transform:translateY(0)}}.user-stats{align-items:center;background-color:#28292d;background-color:var(--light-shade-grey);border-radius:10px;display:flex;font-weight:700;justify-content:space-between;margin-top:.5rem;padding:1rem}.sort select{background-color:#6846ec;background-color:var(--purple-shade);border:none;border-radius:10px 0 0 10px}.sort input,.sort select{color:#fff;color:var(--font-grey);padding:.5rem}.sort input{background-color:#4c34aa;background-color:var(--dark-purple-shade);border:none;border-radius:0 10px 10px 0}[data=Playing]{border-bottom:4px solid #f7ca65;border-bottom:4px solid var(--playing)}[data=Completed]{border-bottom:4px solid #24ab26;border-bottom:4px solid var(--completed)}.message-board{align-items:center;background-color:#4c34aa;background-color:var(--dark-purple-shade);border-radius:10px;display:flex;height:10vh;justify-content:center;margin:2rem auto;padding:2rem;width:90%}.warning{background-color:#f14648;background-color:var(--call-to-action-red)}@media only screen and (max-width:1439px){.game-card-name,.sidebar ul li{font-size:1rem}.logo-nav{flex-basis:20%}.game-card-consoles{max-width:18%}}@media only screen and (max-width:1023px){.main-container-content{display:grid;grid-template-columns:1fr}.offCanvas{align-items:center;display:block;display:flex;flex-basis:15%;justify-content:center}.mobile-hide{display:none}.offCanvas-nav{animation:myAnim .5s ease-in-out 0s 1 normal both;display:block;position:absolute}.logo-nav{flex-basis:25%}.login-container{padding:0}.login-form-input{width:400px}.carousel-container{display:none}.game-info-form-button{margin-top:1rem}.games-information-card{width:80%}}@media only screen and (min-width:320px) and (max-width:767px){.login-container form{margin:0}.login-form-input{width:250px}.logo-nav{flex-basis:30%}.sign-in{font-size:.8rem}.logo{font-size:1rem}.games-grid{grid-template-columns:1fr;justify-items:center}.game-card{width:300px}.games-information-card{width:98%}.game-information-card-text{grid-template-areas:"game-information-title game-information-title" "game-information-title game-information-title" "game-information-form game-information-form" "game-information-button game-information-button" "game-information-release game-information-release" "game-information-rating game-information-score" "game-information-platforms game-information-genre" "game-information-dev game-information-dev" "game-information-pub game-information-pub" "game-information-details game-information-details"}.game-info-form{flex-flow:column}.game-info-form-lable{font-size:.9rem}.game-information-card-text-button{display:flex;justify-content:center}.game-header,.mapped-text{font-size:.9rem}.profile-card{max-width:80%}.profile-card-img{max-width:60%}.profile-card-section{font-size:1.2rem}footer{flex-flow:column;gap:3rem;padding-top:3rem;position:relative}}.splide__container{box-sizing:border-box;position:relative}.splide__list{backface-visibility:hidden;display:flex;height:100%;margin:0!important;padding:0!important}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.splide:not(.is-overflow) .splide__pagination{display:none}.splide__progress__bar{width:0}.splide{position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{backface-visibility:hidden;box-sizing:border-box;flex-shrink:0;list-style-type:none!important;margin:0;position:relative}.splide__slide img{vertical-align:bottom}.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:#0000;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}.splide__sr{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause{display:none}.splide__toggle.is-active .splide__toggle__pause{display:inline}.splide__track{overflow:hidden;position:relative;z-index:0}@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide__track--draggable{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.splide__track--fade>.splide__list>.splide__slide{margin:0!important;opacity:0;z-index:0}.splide__track--fade>.splide__list>.splide__slide.is-active{opacity:1;z-index:1}.splide--rtl{direction:rtl}.splide__track--ttb>.splide__list{display:block}.splide__arrow{align-items:center;background:#ccc;border:0;border-radius:50%;cursor:pointer;display:flex;height:2em;justify-content:center;opacity:.7;padding:0;position:absolute;top:50%;transform:translateY(-50%);width:2em;z-index:1}.splide__arrow svg{fill:#000;height:1.2em;width:1.2em}.splide__arrow:hover:not(:disabled){opacity:.9}.splide__arrow:disabled{opacity:.3}.splide__arrow:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide__arrow--prev{left:1em}.splide__arrow--prev svg{transform:scaleX(-1)}.splide__arrow--next{right:1em}.splide.is-focus-in .splide__arrow:focus{outline:3px solid #0bf;outline-offset:3px}.splide__pagination{bottom:.5em;left:0;padding:0 1em;position:absolute;right:0;z-index:1}.splide__pagination__page{background:#ccc;border:0;border-radius:50%;display:inline-block;height:8px;margin:3px;opacity:.7;padding:0;position:relative;transition:transform .2s linear;width:8px}.splide__pagination__page.is-active{background:#fff;transform:scale(1.4);z-index:1}.splide__pagination__page:hover{cursor:pointer;opacity:.9}.splide__pagination__page:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__pagination__page:focus{outline:3px solid #0bf;outline-offset:3px}.splide__progress__bar{background:#ccc;height:3px}.splide__slide{-webkit-tap-highlight-color:rgba(0,0,0,0)}.splide__slide:focus{outline:0}@supports(outline-offset:-3px){.splide__slide:focus-visible{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide__slide:focus-visible{border:3px solid #0bf}}@supports(outline-offset:-3px){.splide.is-focus-in .splide__slide:focus{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide.is-focus-in .splide__slide:focus{border:3px solid #0bf}.splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus{border-color:#0bf}}.splide__toggle{cursor:pointer}.splide__toggle:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__toggle:focus{outline:3px solid #0bf;outline-offset:3px}.splide__track--nav>.splide__list>.splide__slide{border:3px solid #0000;cursor:pointer}.splide__track--nav>.splide__list>.splide__slide.is-active{border:3px solid #000}.splide__arrows--rtl .splide__arrow--prev{left:auto;right:1em}.splide__arrows--rtl .splide__arrow--prev svg{transform:scaleX(1)}.splide__arrows--rtl .splide__arrow--next{left:1em;right:auto}.splide__arrows--rtl .splide__arrow--next svg{transform:scaleX(-1)}.splide__arrows--ttb .splide__arrow{left:50%;transform:translate(-50%)}.splide__arrows--ttb .splide__arrow--prev{top:1em}.splide__arrows--ttb .splide__arrow--prev svg{transform:rotate(-90deg)}.splide__arrows--ttb .splide__arrow--next{bottom:1em;top:auto}.splide__arrows--ttb .splide__arrow--next svg{transform:rotate(90deg)}.splide__pagination--ttb{bottom:0;display:flex;flex-direction:column;left:auto;padding:1em 0;right:.5em;top:0}
/*# sourceMappingURL=main.36ce06c4.css.map*/