@import url(https://fonts.googleapis.com/css?family=Ubuntu);
@import url(https://fonts.googleapis.com/css?family=Roboto);
.dropdownSearch,.header,.main-menu{background:#00a7e1;color:snow}:any-link{color:snow}.header{position:fixed;top:0;z-index:3;width:100%;height:73px;display:flex;justify-content:space-between;align-items:center}.appName{margin:20px 0;color:snow;text-shadow:3px 3px 5px #086788}.header button{background:transparent;border:none;outline:none;margin:1%}.menu-icon{z-index:2;margin-left:5px;transition:.5s}.hamburger-animation{border:4px solid #086788;box-shadow:0 2px 5px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);border-radius:5px;height:38px;width:39px;display:flex;flex-direction:column;align-items:center;justify-content:space-around}.hamburger-animation div{background:#086788;border-radius:10px;height:4px;width:23px;transition:.5s}.hamburger-animation :first-child{margin-top:3px}.hamburger-animation :nth-child(2){transform:none}.hamburger-animation :nth-child(3){position:absolute;top:17px}.hamburger-animation :nth-child(4){margin-bottom:4px}.search-icon{margin-right:10px;font-size:23px;border:4px solid #086788;border-radius:5px;color:#086788;padding:3px;box-shadow:0 2px 5px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);cursor:pointer}.about-menu,.browse-menu,.main-menu{list-style-type:none;display:flex;flex-direction:column;transition:.5s;padding:0}.nav-text{text-shadow:3px 3px 5px #086788;padding:15px 0 15px 10px;font-size:18px;border-top:1px dashed #f0c808}.nav-text-bottom{border-bottom:1px dashed #f0c808}.about-menu,.browse-menu{margin:15px 0 0 10px;height:0;overflow:hidden}.about-menu li,.browse-menu li{text-shadow:0 0 0 #086788;font-size:16px}.about-menu a,.browse-menu a{color:snow}.main-menu{z-index:1;position:fixed;width:0;height:100vh;top:0;margin:0;padding-top:73px;overflow-x:hidden}.glyphicon-minus,.glyphicon-plus{margin-right:9px;padding-top:2px}.plus-bar{display:flex;justify-content:space-between}.menu-overlay{height:105vh;background:rgba(0,0,0,.4);transform:translateY(40%);overflow:hidden}.dropdownSearch,.menu-overlay{z-index:1;position:fixed;width:100vw;transition:.5s}.dropdownSearch{background:linear-gradient(#00a7e1,#086788);top:73px;display:flex;justify-content:space-around;overflow-y:hidden}.dropForm{position:relative}.search-button-outer{position:absolute;background:transparent;border:none;border-left:2px solid #f0c808;right:1px;top:1px;height:28px;width:45px;opacity:.6}.search-button-outer:focus{outline:none}.search-button-inner{color:#f0c808;position:absolute;pointer-events:none;top:8px;right:15px}.dropdownInput{height:30px;width:260px;padding-left:15px}.blueLink{color:#086788}.logoLink{text-align:center}.logo{max-width:40%;height:auto}
.desktopHeader,.desktopMainMenu,.desktopUserMenu,.dropdownSearch .desktopBrowseMenu{background:#00a7e1;color:snow}.desktopMenuOverlay{z-index:1;position:fixed;height:100vh;width:100vw;top:0;left:0;background:rgba(0,0,0,.4);overflow:hidden;transition:.5s}.desktopHeader{z-index:1;height:60px}.desktopHeader,.desktopNav{position:absolute;top:0;width:100%}.desktopNav{z-index:3;margin:auto}.desktopHeader button{background:transparent;border:none;outline:none;margin:1%}.desktopSearchIcon{margin-right:10px;font-size:16;border:4px solid #086788;border-radius:5px;color:#086788;padding:3px;box-shadow:0 2px 5px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)}.desktopBrowseMenu,.desktopMainMenu,.desktopUserMenu{list-style-type:none;display:flex;transition:.5s;padding:0;justify-content:flex-end;margin:auto 0}.desktopNavText{text-shadow:3px 3px 5px #086788;padding:17px 0 15px 5px;font-size:16px;margin:0;max-width:12vw;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly}.desktopNavText>li{margin-right:0;padding:0 10px}.desktopNavText>div>span{margin-right:0}.desktopNavItems{list-style-type:none;display:flex;transition:.5s;padding:0;align-items:baseline}.desktopBrowseMenu,.desktopUserMenu{background:#00a7e1;padding:0 12px;height:0;overflow:hidden;flex-direction:column;justify-content:space-evenly}.desktopBrowseMenu li,.desktopUserMenu li{text-shadow:0 0 0 #086788;font-size:14px;margin-top:5px}.desktopBrowseMenu a,.desktopUserMenu a{color:snow;flex-direction:column}.desktopBrowseMenu a:hover,.desktopUserMenu a:hover,a.desktopNavText:hover,li.desktopNavText:hover{color:#23527c;text-decoration:none;cursor:pointer}.desktopMainMenu{z-index:1;position:absolute;width:0;height:60px;top:0;margin:auto 0;flex-direction:row;justify-content:space-between}.desktopPlusBar{display:flex;justify-content:flex-end}.glyphicon-minus,.glyphicon-plus{margin-left:9px;padding-top:2px}.desktopDropdownSearch{z-index:2;display:flex;justify-content:space-around;overflow-y:hidden;transition:.5s;padding-left:5px}.desktopForm{display:inline;overflow-y:hidden;overflow-x:hidden;border-radius:5px;margin-right:2vw;margin-left:1vw}.desktopSearchButtonInner:focus{outline:none}.desktopSearchButtonInner{color:#f0c808;position:absolute;top:18px;right:2vw}.desktopDropdownInput{height:30px;width:20vw;padding-left:10px;color:#086788;border:none}.desktopDropdownInput:focus{outline:5px auto #086788}.desktopLogoLink{text-align:center;width:25%;padding:0 2vw;margin:auto 0}.desktopLogo{width:200px;height:auto}
.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6)}.screenshot-modal-main{display:flex;align-items:center;justify-content:center;height:100%}.modal-main{display:flex;align-items:center;position:fixed;background:#fff;width:60%;margin-left:20%;margin-top:2%;border-radius:10px}.modal-button{background:transparent;border:none;outline:none}.modal-button h3{margin-top:5%}.modalContainer{display:flex;width:90%;flex-direction:column;margin:auto}.modalDetails{margin-bottom:5%}.modalDetails h3{text-align:center}.modalImg{width:45%;height:45%;margin:3%}.screenshotModalImg{max-width:90%;height:auto}.modalRow{display:flex;flex-direction:row;justify-content:space-evenly;align-items:center}.detailsButton{background:transparent;border:none;outline:none;margin:1%;font-weight:700;color:#086788}.detailsButton :any-link{color:#086788}.infoColumn{width:47%}
.center-all{margin:auto}.generalTextContainer{width:80%;text-align:center;margin:auto;margin-top:4%;margin-bottom:4%}.generalTextContainer p{font-size:1.5em}
.wizardContainer{flex-direction:column;flex:1;margin-bottom:5%}.flexColumn,.wizardContainer{display:flex;align-items:center}.flexColumn{flex-direction:column;width:100vw;height:40vh}.flexColumn,.flexRow{justify-content:space-evenly}.flexRow{display:flex;flex-direction:row;text-align:center}.platformIcon{width:75%}.browseRow{align-items:center}.gameIcons{display:flex;flex-direction:column;width:100%;height:53vh;justify-content:space-evenly;cursor:pointer}.game_wiz{width:40%}.lg_icon_wiz{height:15vh;cursor:pointer}.icon{transition:transform .2s}.icon:hover{transform:scale(1.25)}.buttonContainer{display:flex;justify-content:center}.inactive-wizard-button{background:#a6aeb3}.active-wizard-button,.inactive-wizard-button{-webkit-border-radius:15%;-moz-border-radius:15%;border-radius:15px;text-shadow:1px 2px 3px #666;-webkit-box-shadow:0 1px 3px #666;-moz-box-shadow:0 1px 3px #666;box-shadow:0 1px 3px #666;font-family:Arial,Helvetica,sans-serif;color:#fff;padding:5px 10px;text-decoration:none;margin-top:9%}.active-wizard-button{background:#086788}.gameName{display:flex;align-items:flex-end}.gameName,.priceGameName{text-align:center;height:7vh}.priceGameName{margin-top:5vh}.genreTitle{color:rgba(0,0,0,.6);text-align:center}.shapewear{width:30%}
.singleGamePage{display:flex;flex-direction:column;color:#086788;text-align:center}.gameTitle h2{margin-bottom:15px;text-align:center}.gameImg img{height:250px}.priceAndRating{display:flex;justify-content:space-around;padding:10px 25px 0}.ratingNum{padding-right:5px}.ratingStars{display:flex;justify-content:center}.getItHere{display:flex;justify-content:space-around;padding-bottom:10px;border-bottom:2px solid rgba(175,238,238,.3)}.androidButton,.iOSButton{outline:unset;border:none;background:transparent;padding:0;margin:20px 15px 15px}.iOSButtonImg{height:37px}.androidButtonImg{height:53px}.favIcon{color:#00a7e1;font-size:32px}.gameDetailsBottom{text-align:center;margin:2% 0}.detailsBottomInnerBox{width:90%;margin:auto}.gameDetailsTiny{font-size:14px;color:#82acba;display:flex;justify-content:space-between;padding:0 15px 0 2px;border-bottom:2px solid rgba(175,238,238,.3);margin-bottom:10px}.genre{max-width:40%;display:flex}.genre :first-child{padding-right:5px}.screenshots{width:100%;margin-top:10px}.gameDescripOuterBox{display:flex;justify-content:center;margin-top:10px}.gameDescrip{overflow-y:hidden;margin:0}.descripExpandDiv{display:flex;justify-content:flex-end;margin-bottom:15px}.descripExpandButton{color:#82acba}@media only screen and (min-width:790px){.singleGamePage{flex-wrap:wrap;flex-direction:row}.gameTitle{width:100%;margin-bottom:4vh}.upperDisplay{width:40%;margin-left:10%;order:1}.gameDetailStats{width:40%;margin-left:10%;order:3}.screenshots{width:50%;margin-top:10px;order:2;margin-bottom:4vh}.gameDetailsDescription{width:50%;order:4;margin-bottom:4vh}.relatedCarousel{order:5;margin-top:4vh;margin-bottom:4vh}button.leftButton{left:61%}button.rightButton{right:11%}}
.resContainer{text-align:center;margin-top:5%}.detailContainer{display:flex;width:100%;text-align:center;justify-content:space-evenly;flex-direction:row;flex-wrap:wrap}.resItem{width:28%;height:auto;text-align:center;margin-bottom:5%;cursor:pointer}.resItem h4{margin-top:0}.resItemImg{width:100%;margin-bottom:10%;border-radius:25px;background-image:url(/dist/assets/images/e17e09e7e4a06e95cda7291b1a582002.png);background-size:contain;background-position:50%;background-repeat:no-repeat}.resRow{flex-direction:column}.titleLabel{text-transform:capitalize}.gameBlock h4{overflow-wrap:break-word}
.aboutPageContainer{text-align:center;color:#457b9d;background:#fff}.devItem{position:relative;display:flex;width:90%;margin:auto;text-align:left;background-color:#fffbfd;box-shadow:1px 1px 2px #00a7e1;margin-top:2%;margin-bottom:3%;padding:1% 0}.devItem img{display:inline-block;max-width:100px;max-height:100px;margin:2%}.devItem h3{margin-top:0}.devItem h3,.devItem p{display:inline-flex;margin-bottom:0}.devItem span{margin-right:6%}.devItem a{color:#333}.devText{margin:auto 2%;max-width:75%;display:inline-flex;flex-direction:column}.devIcons{flex-direction:row;margin-top:2.5%}.devIcons a{color:#f0c808}.devIcons a:hover{text-shadow:1px 1px 2px #333}.aboutLabel{width:80%;margin:auto;margin-top:4%;margin-bottom:4%}
body{width:100%;height:100%}button{outline:none;background:transparent;border:none}h1,h2,h3,h4{font-family:Ubuntu,sans-serif}form{margin-bottom:1rem}.appOuterDiv{position:relative;font-family:Roboto,sans-serif;min-height:100vh;display:flex;flex-direction:column}.mainBody{padding-top:73px;color:#1d3557;flex:1;display:flex;justify-content:center}.notFound{text-align:center;margin:5%}.notFound img{max-width:50%}.notFound :any-link{color:#086788}.loaderContainer{display:flex;align-items:center;justify-content:center}.homePageContainer{text-align:center;color:#1d3557;margin-bottom:5%}.resContainer h2{width:80%;text-align:center;margin:auto}.accountBtn{background-color:#00a7e1;border-color:#086788;margin-bottom:1vh}.backBtn{border:2px solid #00a7e1;border-radius:5px;margin:auto;margin-top:3vh;margin-bottom:3vh;order:6}.backBtn:hover{text-shadow:1px 1px 3px #1d3557}.footerContainer{width:100%;background:#00a7e1;color:snow;flex-shrink:0}.footer{display:flex;flex-direction:column;font-size:.7em}.footer ul{display:flex;justify-content:space-evenly;list-style-type:none;padding:0;margin:10px 0 7px}.footer p{display:flex;justify-content:center;margin:0 0 8px}.spinner{width:200px;height:200px;animation-name:spin;animation-duration:1.5s;animation-iteration-count:infinite;animation-timing-function:linear}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media only screen and (max-width:360px){.stars>div>span{font-size:18px}}@media only screen and (max-width:450px){.logo{max-width:80%;height:auto}.modal-main{margin-top:8%;width:80%;margin-left:12%}}@media only screen and (min-width:361px){.stars>div>span{font-size:24px}}@media only screen and (min-width:790px){.resItemImg{margin-bottom:5%}.resContainer{margin-top:2%}.aboutPageContainer{display:flex;flex-wrap:wrap;flex-direction:row}.devItem{width:40%;margin:0 auto;margin-bottom:2%}.resItem{width:20%;margin:0 2%}.detailContainer{width:80%;margin:auto;margin-bottom:10vh}.notFound img{max-width:30%}.gameBlock{margin-bottom:15%}.backBtn{margin-top:1vh}}@media only screen and (min-width:790px) and (max-width:909px){.stars>div>span{font-size:24px}}@media only screen and (min-width:910px){.stars>div>span{font-size:30px}}
.favText{width:70%;margin:auto;margin-top:10%}.gameBlock h4{overflow-wrap:break-word}.blueButton{background-color:#fffbfd;box-shadow:1px 1px 2px #086788}