@import url(https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap);*,:after,:before{box-sizing:border-box}a,b,blockquote,body,canvas,caption,code,div,em,embed,fieldset,figure,footer,form,h1,h2,h3,h4,h5,h6,header,html,i,iframe,img,label,li,main,nav,object,ol,p,pre,section,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,u,ul,video{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:baseline}footer,header,main,nav,section{display:block}body{color:#eee;font-family:Lato,sans-serif;line-height:1.1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}input{-webkit-appearance:none;border-radius:0}nav{align-items:center;background-color:#222831;color:#eee;display:flex;flex-direction:row;flex-wrap:wrap;height:3rem;justify-content:space-between;left:0;padding:.5rem 2rem;position:fixed;top:0;width:100%;z-index:50}nav .main-logo{color:#00cad4;font-size:2rem;font-weight:700}main{background-color:#222831;justify-content:center;padding:5rem 0 0}.options-panel,main{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap}.options-panel{justify-content:flex-start;padding:0 1rem;width:100%}.options-panel .filter-buttons-container{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}@media screen and (max-width:575px){.options-panel .filter-buttons-container{display:none}}.options-panel .icon-button{background-color:inherit;border:none;position:relative}.game-container,.options-panel .icon-button{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}.game-container{padding:1rem}.game-container #page-scroll-anchor{scroll-margin-top:5rem}.app-wrapper{width:100%}.sidebar-container{background-color:none;border-bottom:1px solid transparent;border-left:1px solid transparent;color:#00adb5;display:none;padding:1rem;position:absolute;right:calc(-200px + 2rem);text-transform:capitalize;top:0;transition:all .6s}@media screen and (max-width:575px){.sidebar-container{display:block}}.sidebar-open{background-color:#222831;border-bottom:1px solid #393e46;border-left:1px solid #393e46;right:0}.hamburger-menu{height:24px;margin:0 auto 1rem 0;position:relative;width:24px}.hamburger-top{top:-10px;-webkit-transform:rotate(0deg);transform:rotate(0deg);transition:all .25s .25s}.hamburger-middle,.hamburger-top{fill:#00adb5;left:0;position:absolute}.hamburger-middle{opacity:1;top:0;transition:opacity .4s}.hamburger-bottom{fill:#00adb5;left:0;position:absolute;top:10px;-webkit-transform:rotate(0deg);transform:rotate(0deg);transition:all .25s .25s}.hamburger-menu-rotate-cw{top:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.hamburger-menu-rotate-ccw{top:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.hamburger-menu-fade-bar{opacity:0}.nav-filter-menu{height:0;opacity:0;position:relative;right:-200px;top:0;transition:all .6s;visibility:hidden;width:200px}.nav-active-filter{color:#eee}.nav-filter-list .nav-filter-item{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;height:2rem;justify-content:flex-start;padding-left:1rem;width:100%}.nav-filter-list .nav-filter-item:hover{background-color:#222831}.sidebar-active{height:auto;opacity:1;right:0;visibility:visible}.styled-button{background-color:inherit;border:1px solid #00adb5;border-radius:4px;color:#00adb5;cursor:pointer;font-weight:700;transition:all .3s}.styled-button:hover{background-color:rgba(34,40,49,.2);color:#00cad4}.landing-info{width:70%}.landing-info h1{font-size:2rem;font-weight:600;text-align:center;width:100%}.landing-info p{line-height:1.3;margin:1rem}.landing-info .alret,.landing-info p:last-child{font-size:.8rem}.landing-info .alert{color:red;font-style:italic;font-weight:700}.landing-info em{font-style:italic;font-weight:600}.options-item-conatiner{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:row;position:relative}.filter-icon{fill:#00adb5;transition:all .3s}.filter-icon:hover{fill:#00cad4}.sort-icon{fill:#00adb5;height:32px;transition:all .3s;width:32px}.sort-icon:hover{fill:#00cad4}.filter-tooltip{top:calc(-1.8rem - 3px)}.filter-tooltip,.sort-tooltip{background-color:#393e46;border-radius:3px;color:#a1a1a1;font-size:1rem;left:0;opacity:0;padding:.3rem .5rem;position:absolute;transition:opacity .5s;visibility:hidden}.sort-tooltip{top:-1.8rem}.tooltip-active{opacity:1;visibility:visible}.select-input{border-bottom:2px solid #00adb5;color:#00adb5;font-size:0;opacity:0;position:relative;transition:all .25s;visibility:hidden;width:0}.select-active{font-size:inherit;opacity:1;visibility:visible;width:150px}.select-menu{background-color:#222831;border:1px solid #00adb5;font-size:0;height:0;left:0;opacity:0;position:absolute;top:20px;transition:all .25s;width:0;z-index:5}.select-menu li{align-items:center;border-left:3px solid transparent;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;padding:.2rem .5rem}.select-menu li:hover{background-color:#525964;border-left:3px solid #a1a1a1;color:#00cad4;cursor:pointer}.menu-active{font-size:inherit;height:auto;opacity:1;width:150px}.page-controls{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;margin:1rem 0}.page-controls span{color:#00adb5;font-weight:700;margin:0 1rem 4px}#top-pagination-controls{margin-left:auto}#bottom-pagination-controls{justify-content:flex-end;padding-right:2rem;width:100%}.pagination-button{background-color:inherit;border:none;padding:0}.prev-button-icon{fill:#00adb5;height:16px;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);width:16px}.next-button-icon{fill:#00adb5;height:16px;-webkit-transform:rotate(90deg);transform:rotate(90deg);width:16px}.next-button-icon:hover,.prev-button-icon:hover{fill:#00cad4}.game-card{background-color:#393e46;border-radius:3px;box-shadow:0 5px 10px 2px rgba(5,20,103,.15);color:#eee;height:auto;margin:1rem;overflow:hidden;width:calc(25% - 2rem)}.game-card .image-wrapper{background-color:#525964;width:100%}.game-card img{height:auto;width:100%}.game-card .bottom-game-card{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;margin:.5rem .5rem .5rem .8rem}.game-card .bottom-game-card h2{font-size:1.1rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.game-card .bottom-game-card span{color:#a1a1a1;font-size:.9rem;font-weight:700;letter-spacing:-1px;text-transform:uppercase}.game-card .bottom-game-card .learn-more-button{background-color:#393e46;border:none;border-radius:100px;color:#00adb5;cursor:pointer;font-family:inherit;font-size:.9rem;font-weight:700;letter-spacing:normal;margin-left:auto;text-transform:uppercase;transition:all .5s}.game-card .bottom-game-card .learn-more-button:hover{color:#00cad4;letter-spacing:.5px}@media screen and (max-width:575px){.game-card{width:100%}}@media screen and (min-width:576px) and (max-width:850px){.game-card{width:calc(50% - 2rem)}}@media screen and (min-width:851px) and (max-width:1100px){.game-card{width:calc(33.3% - 2rem)}}.game-card:hover{box-shadow:0 5px 8px 2px rgba(5,20,103,.3)}.modal{background-color:#222831;color:#eee;min-height:100vh;padding:3rem 1rem;position:relative;scroll-behavior:smooth;text-align:center;width:100%}.modal,.modal .close-button{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}.modal .close-button{background-color:inherit;border:none;color:#00adb5;flex-wrap:nowrap;font-size:1.2rem;position:absolute;right:1rem;top:1rem}.modal .play-now-button{background-color:#018b92;border:1px solid #222831;border-radius:5px;box-shadow:0 5px 8px 2px rgba(5,20,103,.1);color:#eee;display:block;font-size:2rem;margin:1rem auto;padding:1rem 2rem;width:20rem}.modal-close-button{fill:#00adb5;height:16px;padding:0 0 .4rem .1rem;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);width:16px}.hr-container{margin:auto;position:relative;width:100%}.hr-container hr{border:none;border-top:4px solid #018b92;width:100%}.hr-container h2{background-color:#222831;color:#00adb5;font-size:1.3rem;left:5rem;padding:0 .5rem;position:absolute;top:-.25rem}.modal-game-card{background-color:#393e46;border-radius:5px;box-shadow:0 5px 8px 2px rgba(0,0,0,.2);transition:all .5s;width:355px}.modal-game-card img{width:100%}.modal-game-card .modal-game-card-bottom{padding:1rem}.modal-game-card .modal-game-card-bottom h1{color:#00adb5;font-size:1.5rem;font-weight:600;margin-bottom:1.2rem;text-align:left}.modal-game-card .modal-game-card-bottom ul{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.modal-game-card .modal-game-card-bottom li a{color:#00adb5;font-size:1.2rem;text-decoration:none;transition:all .5s}.modal-game-card .modal-game-card-bottom li a:hover{color:#00cad4}@media screen and (max-width:575px){.modal-game-card{margin:14rem auto;width:95%}}@media screen and (min-width:576px) and (max-width:850px){.modal-game-card{margin:7rem auto}}.modal-game-card:hover{box-shadow:0 5px 8px 2px rgba(0,0,0,.3)}.about-wrapper{align-items:center;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;margin:5rem auto 3rem;padding:1rem;position:relative;width:100%}.about-wrapper span{color:#525964;font-size:1.5rem;font-weight:700;left:1rem;position:absolute;-webkit-text-orientation:sideways-right;text-orientation:sideways-right;top:6rem;-webkit-transform:rotate(180deg);transform:rotate(180deg);-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl}.about-wrapper .description{padding:1rem;text-align:left;width:50%}@media screen and (max-width:575px){.about-wrapper{margin:5rem auto}.about-wrapper span{left:0}.about-wrapper .description{width:95%}}.screenshot-section-wrapper{border:3px solid #018b92;border-radius:10px;box-shadow:0 5px 8px 2px rgba(0,0,0,.2);margin:0 auto;max-width:50%;position:relative}.screenshot-section-wrapper h3{background-color:#222831;color:#525964;font-size:1.4rem;font-weight:700;left:-.7rem;letter-spacing:2px;padding:.5rem 0;position:absolute;-webkit-text-orientation:sideways-right;text-orientation:sideways-right;top:3rem;-webkit-transform:rotate(180deg);transform:rotate(180deg);-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl}@media screen and (max-width:575px){.screenshot-section-wrapper{max-width:95%}}@media screen and (min-width:576px) and (max-width:850px){.screenshot-section-wrapper{max-width:100%}}.screenshot-viewer{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;height:100%;justify-content:center;padding:1rem}.screenshot-viewer .large-screenshot-container{height:auto;margin-bottom:1rem;width:100%}.screenshot-viewer .large-screenshot-container .large-screenshot{height:100%;width:100%}.screenshot-viewer .thumbnail-container{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;flex-wrap:nowrap;justify-content:space-between;width:100%}.screenshot-viewer .thumbnail-container :last-child{margin:0}@media screen and (min-width:851px) and (max-width:1100px){.screenshot-viewer{width:100%}}.small-screenshot-wrapper{align-items:center;background-color:#222831;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;margin:0 1rem 0 0;min-width:20%;position:relative}.small-screenshot-wrapper .small-screenshots{min-width:20%;opacity:1;transition:all .5s}.small-screenshot-wrapper .viewing{opacity:.1}.small-screenshot-wrapper .viewing-icon{fill:#00adb5;height:2px;opacity:0;position:absolute;transition:all .5s;width:2px}.small-screenshot-wrapper .currently-viewing{height:30px;opacity:.7;width:30px}.specs-wrapper{height:auto;justify-content:space-around;padding:1rem;width:100%}.specs-wrapper,.specs-wrapper .specs-container{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;position:relative}.specs-wrapper .specs-container{align-items:flex-start;height:300px;justify-content:flex-start;min-width:300px;padding:2rem 3rem;text-align:left;width:50%}.specs-wrapper .specs-container h4{color:#525964;font-size:1.5rem;font-weight:700;left:0;position:absolute;-webkit-text-orientation:sideways-right;text-orientation:sideways-right;top:2rem;-webkit-transform:rotate(180deg);transform:rotate(180deg);-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl}.specs-wrapper .specs-container ul{line-height:1.5}.specs-wrapper .specs-container .li-key{color:#018b92;font-style:italic;font-weight:700;margin-right:.4rem}@media screen and (max-width:575px){.specs-wrapper .specs-container{height:auto;min-width:95%;padding:3rem 0 3rem 1rem}.specs-wrapper .specs-container h4{left:-2rem}}@media screen and (min-width:576px) and (max-width:850px){.specs-wrapper .specs-container{height:auto;padding:3rem 0 3rem 1rem;width:50%}.specs-wrapper .specs-container h4{left:-2rem}}
/*# sourceMappingURL=main.bc24cba8.css.map*/