*{box-sizing:border-box}html{height:100%}body,h1,h2,h3,h4,h5,h6,p{margin:0;font-family:Roboto,Helvetica Neue,Helvetica,Arial,sans-serif}body{color:#fff;background:#141414;height:100%}#topbar{background:#000;height:70px;display:flex;align-items:center;padding:0 10px}#topbar a{margin:auto;text-decoration:none}#open-sidebar{cursor:pointer}.logo{height:40px}#text-logo{color:#28f6f4;text-shadow:-2px 2px #f0f}#language-switch{cursor:pointer}#sidebar{position:fixed;width:150px;height:100%;background:#000;top:0;left:0;display:flex;flex-direction:column;align-items:center;z-index:222222220;left:-100%;transition:left .2s}#sidebar.active{left:0}#sidebar svg{margin:20px 0;color:#818181;cursor:pointer}#sidebar a{display:flex;flex-direction:column;align-items:center;color:#818181;text-decoration:none;margin-bottom:20px}#sidebar a span{position:relative;top:-10px}.section-strip{padding-top:20px}.section-strip .title{margin-left:20px;display:flex;align-items:flex-end}.section-strip .title h2{font-weight:400;font-size:20px}.section-strip .title a{font-size:13px;color:#2196f3;margin-left:10px;text-decoration:none;line-height:150%}.section-strip .items{display:flex;overflow-x:auto;padding:10px 0 20px 0;position:relative}.section-strip .left-arrow{position:absolute;left:0;width:50px;height:calc(100% - 30px);display:flex;display:none}.section-strip .left-arrow svg{margin:auto}.section-strip .item{flex:0 0 50%;max-width:500px;margin:0 10px;overflow:hidden;cursor:pointer}.section-strip .item:nth-of-type(2){margin-left:20px}.section-strip .thumb{width:100%;background:#202124}.section-strip .name{margin-top:5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:14px}.rating{color:grey;font-size:larger}.rating.rating-1 span:nth-of-type(-n+1){color:#2196f3}.rating.rating-2 span:nth-of-type(-n+2){color:#2196f3}.rating.rating-3 span:nth-of-type(-n+3){color:#2196f3}.rating.rating-4 span:nth-of-type(-n+4){color:#2196f3}.rating.rating-5 span:nth-of-type(-n+5){color:#2196f3}.explore-button{flex:0 0 120px;display:flex;flex-direction:column;cursor:pointer}.explore-button .button-text{flex-grow:1;background:#202124;display:flex}.explore-button p{margin:auto}#footer{padding:30px 20px;text-align:center;font-size:13px}.section-listing{padding-top:20px}.section-listing .title{margin-left:20px;display:flex;align-items:flex-end;justify-content:center}.section-listing .title h2{font-weight:400;font-size:20px}.section-listing .title a{font-size:13px;color:#2196f3;margin-left:10px;text-decoration:none;line-height:150%}.section-listing .items{margin-left:20px;display:flex;flex-wrap:wrap;overflow-x:auto;padding:10px 0 20px 0}.section-listing .item{flex:0 0 calc(33.33% - 20px);margin-right:10px;overflow:hidden;cursor:pointer;padding:10px 0 20px 0}@media only screen and (max-width:1000px){.section-listing .item{flex:0 0 calc(50% - 10px)}}@media only screen and (max-width:320px){.section-listing .item{flex:0 0 calc(100% - 10px)}}.section-listing .thumb{width:100%;background:#202124}.section-listing .name{margin-top:5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:14px}#error_page{display:flex;height:calc(100% - 70px)}#error_page .message{margin:10% auto;padding:20px}#error_page .message p{margin:20px 0;color:#707070;line-height:150%}#error_page .message a{color:#fff}#game-info{padding:20px 50px;text-align:center}#game-info .thumb{width:90%;max-width:500px}#game-info .info{margin-top:20px;line-height:150%;font-size:14px}#game-info .play-button{display:flex;margin:auto;align-items:center;background:#2196f3;background:#28f6f4;border:0;color:#fff;color:#ea28f6;padding:10px 20px;font-size:18px;border-radius:5px;cursor:pointer}#game-info .play-button span{margin-left:10px}#login{display:flex;height:calc(100% - 150px)}#login-form{width:80%;max-width:500px;margin:auto;text-align:center}#login-form input,#login-form select{padding:10px}#login-form button{border:0;padding:10px;background:#28f6f4;color:#e727f3;font-size:large;cursor:pointer}#account{display:flex;height:calc(100% - 150px)}#account-info{width:90%;margin:auto;text-align:center}#account-info #welcome-message{margin-top:20px;font-size:small;color:#b3b3b3}#subscription-details{max-width:350px;display:flex;flex-wrap:wrap;margin:30px auto auto auto;font-size:13px}#subscription-details div{flex-basis:50%;text-align:left;padding:10px 0}#logout-button{border:0;padding:10px;background:#28f6f4;color:#ea28f6;margin-top:20px;font-size:large;cursor:pointer}#unsub-button{border:0;padding:10px;background:#28f6f4;color:#ea28f6;margin-top:20px;font-size:large;cursor:pointer}::-webkit-scrollbar{display:none}.spinner{margin:100px auto 0;width:70px;text-align:center}.spinner>div{width:18px;height:18px;background-color:#333;border-radius:100%;display:inline-block;-webkit-animation:sk-bouncedelay 1.4s infinite ease-in-out both;animation:sk-bouncedelay 1.4s infinite ease-in-out both}.spinner .bounce1{-webkit-animation-delay:-.32s;animation-delay:-.32s}.spinner .bounce2{-webkit-animation-delay:-.16s;animation-delay:-.16s}@-webkit-keyframes sk-bouncedelay{0%,100%,80%{-webkit-transform:scale(0)}40%{-webkit-transform:scale(1)}}@keyframes sk-bouncedelay{0%,100%,80%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}