html{font-family:sans-serif}body{color:#ddd;margin:0}header{background-color:#171a21;height:5em;padding-top:2em}h1{color:#c6c4c2;margin:0;text-align:center}section{background-color:#1b2838;display:flex}article{background-color:#2f343e;box-shadow:0 0 5px #000;height:50%;margin:auto;padding:10px;width:54%}.search-container{margin:auto;text-align:center}#search-bar{background-color:#c6c4c2;border-radius:6px;height:30px;margin-top:50px;padding-left:10px;width:60%}#search-icon{height:100%;width:2%}.subtitle{float:left;padding-top:20px;text-align:left}.subtitle h2{color:#67c1f5;margin:0}.subtitle h3{color:#c6d4df;margin:0}.game-image-container{float:right;padding-top:20px}.search-filters{align-items:center;background-color:#0a0f15;justify-content:center;margin:auto;padding:.5em 0;text-align:center;width:51.7%}.search-filters select{margin-right:3em}#achievements-container{background-color:#1b2838;margin:auto;width:94%}@media screen and (max-width:856px){article{width:100%}.game-image-container{clear:both;width:100%}.subtitle{text-align:center}.search-filters,.subtitle{width:100%}.achievements-container{background-color:#111923;padding:0;width:100%}}.modal{animation:fadeIn .3s linear;background-color:#00000080;height:100%;opacity:1;text-align:center;top:0;width:100%;z-index:1}.modal,.modal-content{margin:auto;position:fixed}.modal-content{background-color:#17435ce6;border:1px solid #c6d4df;color:#c6d4df;left:0;right:0;top:30%;width:80%}.modal-content h2{color:#c6d4df;margin:.5em 0}.modal-content h4{color:#a9b6c0;margin:.5em 0;padding:.4em}.percentBar{border:2px solid #67c1f5;height:1.5em;margin:auto;overflow:hidden;padding:4px;position:relative;width:50%}.percentBarFill{animation:scale 1s linear;background:#67c1f5;bottom:2px;left:2px;opacity:1;position:absolute;top:2px}.percentText{color:#67c1f5;float:right;padding-top:2px;position:relative}.icon{margin:.5em 0 0 2em}.close{float:right;font-size:1.8em}@media screen and (max-width:1000px){.modal-content{font-size:3em;height:50vh;top:25vh;width:100vw}.icon{height:30vw;width:30vw}.percentBar{height:4.5vh;width:100vw}.percentText{font-size:1.5em;padding-right:.3em}}body,textarea{background-color:#1b2838;font-family:Arial,Helvetica,Verdana,sans-serif}#search-results{background-color:#000000e6;left:30vw;margin-top:.1em;position:absolute;width:40vw;z-index:100}.search-result>img{margin-top:1em;width:40%}.achieveRow{background-color:#111923;display:flex;flex-direction:row;margin:auto;padding:.5em 1em;width:55%}.achieveTileContainer{display:flex;flex-wrap:wrap;justify-content:center;margin:auto;width:70vw}.achieveRowTile{background-color:#111923}.achieveImgHolder{padding-right:.2em}.achieveImgHolder>img{height:5vw;width:5vw}.achieveImgHolderTile{height:80px;margin-bottom:5em;padding:.8em;text-align:center;width:80px}.achieveImgHolderTile>img{height:5vw;width:5vw}.achieveTxtHolder{border:1px solid #17435c;overflow:hidden;padding:1px;position:relative}.achieveFill{background:#17435c;bottom:2px;left:2px;position:absolute;top:2px;z-index:10}.achieveTxt{padding:6px 6px 0;width:100vw}.achievePercent,.achieveTxt{position:relative;z-index:40}.achievePercent{color:#66c0f4;float:right;font-size:1.4em;margin-right:20px;margin-top:27px}.achieveTxt>h3{color:#c6d4df;font-size:1.5em;font-weight:400;margin:5px 5px 0}.achieveTxt>h5{color:#8f98a0;font-size:1.2em;font-weight:400;margin:0 5px 5px}@media screen and (max-width:1000px){header{font-size:2em}article{font-size:2.5em;width:100vw}.game-info,.subtitle{align-items:center;display:flex;flex-direction:column}.game-image-container>img{width:50vw}#search-bar{font-size:1em;height:1.5em;width:80vw}.search-filters{width:100vw}.search-filters>label{font-size:2.5em}#filter-select{font-size:2em;margin-right:1em;text-align:center}#filter-select>option{font-size:.6em}#tile-view-checkbox{margin-left:1.5em;transform:scale(3)}#search-results{left:15vw;margin-top:.1em;position:absolute;width:70vw;z-index:100}.search-result{width:100%}.search-result>img{margin-top:.5em;width:70%}.achieveRow{padding:1em 0 0;width:100vw}.achieveImgHolder>img{height:15vw;width:15vw}.achieveTxtHolder{height:7vh}.achieveTxt>h3{font-size:2.5em}.achieveTxt>h5{font-size:1.8em}.achievePercent{font-size:3em;padding-left:1em}.achieveTileContainer{background-color:#111923;width:100vw}.achieveImgHolderTile{height:28vw;margin-bottom:2em;overflow:hidden;width:20vw}.achieveImgHolderTile>img{height:20vw;width:20vw}.achieveTileName{font-size:2em}.pagination{font-size:3.5em}.circle-loader{border:24px solid #d4d4d4;border-top-color:#3292c9;height:20vw;width:20vw}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.fade-in{animation:fadeIn .5s linear;opacity:1}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.pagination{display:flex;justify-content:center;list-style:none;margin:15px auto;outline:none;padding:0}.pagination>.active>a{background-color:#47ccde;border-color:#47ccde;color:#fff}.pagination>li>a{border:1px solid #47ccde;cursor:pointer;outline:none;padding:5px 10px}.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{background-color:#47ccde;border-color:#47ccde;outline:none}.pagination>li>a,.pagination>li>span{color:#47ccde}.pagination>li:first-child>a,.pagination>li:first-child>span,.pagination>li:last-child>a,.pagination>li:last-child>span{border-radius:0;border-radius:initial}.circle-loader{align-items:center;animation:spin 1.2s linear infinite;border:15px solid #d4d4d4;border-radius:50%;border-top-color:#3292c9;display:flex;height:8vw;justify-content:center;margin:auto;width:8vw}
/*# sourceMappingURL=main.5e76aede.css.map*/