*{box-sizing:border-box}html,body,#root{margin:0;padding:0;font-family:sans-serif;overflow-y:auto;overflow-x:hidden}.infotile__wrapper{background-color:#66664f;height:100vh;display:block;padding:3rem;overflow-x:auto}.infotile__heading,.infotile__shortbox,.infotile__content{max-width:30rem;margin:auto}.infotile__heading{font-size:3rem;text-align:left}.infotile__shortbox{font-size:1.2rem;margin:2rem auto;line-height:1.8rem}.infotile__content{margin-top:4rem;font-size:1.2rem;text-align:justify;line-height:1.6rem}@media only screen and (max-width: 750px){.infotile__wrapper{height:auto;padding:1rem}}.grafictile__wrapper{background-color:#2c2c22;height:100vh;display:block;position:relative;font-size:20rem;text-align:center;line-height:100vh}.grafictile__image{background-color:#2c2c22;width:100%;height:100%;object-fit:cover}@media only screen and (max-width: 750px){.grafictile__wrapper{height:60vh;line-height:0}.grafictile__image{display:block;object-fit:cover;margin:0;padding:0}}.splash__wrapper{display:flex;flex-direction:row}@media only screen and (max-width: 750px){.splash__wrapper{flex-direction:column}}.summarytile__wrapper{background-color:#2c2c22;width:100%;height:100%;display:block;position:relative;overflow:hidden}.summarytile__image{background-color:#2c2c22;width:100%;height:100%;object-fit:cover}.summarytile__title{position:absolute;color:#fff;top:0;left:0;width:100%;height:100%;text-align:center;font-size:1.6rem;text-decoration:none;color:#ddd;background-color:#20201a;opacity:0;transition:opacity .5s}.summarytile__title:hover{opacity:1}.summarytile__title__text{position:absolute;top:40%;text-align:center;width:100%}.grid__wrapper{display:grid;width:100%;height:auto;min-height:100vh;grid-template-columns:1fr 1fr 1fr 1fr;grid-auto-rows:minmax(25vw,35vw);grid-gap:2rem;justify-items:stretch;grid-auto-flow:row;overflow:hidden;background-color:#2c2c22;padding:2rem;overflow-y:auto;overflow-x:hidden}.loading_symbol{border:16px solid #2c2c22;border-top:16px solid #585844;border-radius:50%;width:120px;height:120px;animation:spin 1.5s linear infinite;margin:auto;background-color:transparent}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.grid__tile{min-width:200px;min-height:200px;overflow:hidden}.grid__tile--loading_symbol{background-color:#20201a;padding:40px}.grid__tile:nth-child(7n+1){grid-column:span 1;grid-row:span 1}.grid__tile:nth-child(7n+2){grid-column:span 1;grid-row:span 2}.grid__tile:nth-child(7n+3){grid-column:span 1;grid-row:span 1}.grid__tile:nth-child(7n+4){grid-column:span 1;grid-row:span 1}.grid__tile:nth-child(7n+5){grid-column:span 1;grid-row:span 2}.grid__tile:nth-child(7n+6){grid-column:span 2;grid-row:span 2}.grid__tile:nth-child(7n+7){grid-column:span 1;grid-row:span 1}@media only screen and (max-width: 1000px){.grid__wrapper{grid-template-columns:1fr 1fr 1fr}}@media only screen and (max-width: 750px){.grid__wrapper{grid-template-columns:1fr 1fr;grid-auto-rows:minmax(10px,40vh)}.grid__tile:nth-child(6n+1){grid-column:span 1;grid-row:span 1}.grid__tile:nth-child(6n+2){grid-column:span 1;grid-row:span 2}.grid__tile:nth-child(6n+3){grid-column:span 1;grid-row:span 1}.grid__tile:nth-child(6n+4){grid-column:span 1;grid-row:span 2}.grid__tile:nth-child(6n+5){grid-column:span 1;grid-row:span 1}.grid__tile:nth-child(6n+6){grid-column:span 1;grid-row:span 1}}@media only screen and (max-width: 500px){.grid__wrapper{grid-template-columns:1fr}.grid__tile:nth-child(n){grid-column:span 1;grid-row:span 1}}.index__wrapper{background-color:#2c2c22;height:100vh;width:100%;display:flex;flex-direction:column;padding:2rem;color:#bbb;justify-content:center}.index__background{background:url(../images/index.jpg);background-size:cover;background-position:center;filter:blur(6px);position:absolute;top:0;left:0;bottom:0;right:0;z-index:0}.index__background:before{content:" ";display:block;position:absolute;left:0;top:0;width:100%;height:100%;background-color:#0000007c}.index__header{font-size:2.3rem;color:#ddd;width:20rem;margin:0 auto 1.7rem;z-index:1}.index__content{font-size:1.2rem;line-height:1.7rem;width:20rem;margin:0 auto 2rem;z-index:1}.index__start_button{width:20rem;margin:0 auto;z-index:1}.button{background-color:transparent;border:3px #ddd solid;color:#ddd;max-width:8rem;padding:.5rem 2rem;text-decoration:none}.button:hover{background-color:#dddddd1a}.button:active{background-color:#ddd3}