:root{--main-bg-color:#f8fafb;--main-bg-color-transparent:#999;--main-txt-color:#00181d;--main-txt-color-transparent:rgba(0,24,29,0.8);--main-panel-color:#fff;--accent-txt-color:var(--main-bg-color);--accent-bg-color:var(--main-txt-color);--soft-txt-color:#dadada}body{margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8fafb;background-color:var(--main-bg-color)}body,code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center;width:100%;overflow-x:hidden;position:absolute}.App-footer{background-color:var(--accent-bg-color);color:var(--accent-txt-color);border-radius:0}.App-body,.App-footer{justify-content:center}.App-body{color:var(--main-txt-color);min-height:100vh;display:flex;align-items:center;font-size:calc(10px + 2vmin)}.main-panel{height:85vmin;width:80vmin;display:contents}.main-panel-background{-webkit-transform:scale(1.5);transform:scale(1.5);position:absolute;height:85vmin;width:80vmin;border-radius:20%;background-color:var(--main-panel-color);box-shadow:.5vmin .5vmin .5vmin var(--soft-txt-color)}.main-panel-extended{height:92vmin;width:80vmin;-webkit-transform:translateY(3vmin) scale(1.5);transform:translateY(3vmin) scale(1.5);border-radius:20% 20% 20% 20%}.main-logo{-webkit-transform:scale(1.5);transform:scale(1.5);height:30vmin;pointer-events:none;background:var(--main-bg-color);z-index:1;box-shadow:.5vmin .5vmin .5vmin var(--soft-txt-color)}@media only screen and (min-width:600px){.main-logo,.main-panel-background{-webkit-transform:scale(1);transform:scale(1)}.main-panel-extended{-webkit-transform:translateY(3vmin) scale(1);transform:translateY(3vmin) scale(1)}}.icons,.icons-selected{display:contents}.icons-selected{pointer-events:none}.button{position:absolute;top:.5vmin;right:35.5vmin;z-index:1;border:1px solid var(--soft-txt-color);border-radius:15%;color:var(--main-txt-color);background-color:var(--main-bg-color);font-size:2vmin;text-align:center;padding:.7vmin 2vmin;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.button:hover{background-color:var(--soft-txt-color)}.child-img{height:14vmin;box-shadow:.5vmin .5vmin .5vmin var(--soft-txt-color);border-radius:50%;cursor:pointer}.child-img:hover{padding:5px}.child-img:active{-webkit-filter:grayscale();filter:grayscale()}.parent{position:absolute;top:27.5vmin;right:25.5vmin;width:30vmin;height:30vmin;border-radius:50%;-webkit-transition:-webkit-transform .7s ease-in-out;transition:-webkit-transform .7s ease-in-out;transition:transform .7s ease-in-out;transition:transform .7s ease-in-out,-webkit-transform .7s ease-in-out}.child{position:relative;width:14vmin;height:14vmin;top:-22vmin;left:8vmin;-webkit-transition:-webkit-transform .7s linear;transition:-webkit-transform .7s linear;transition:transform .7s linear;transition:transform .7s linear,-webkit-transform .7s linear;font-size:2.5vmin;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.hidden{display:none}.container{display:contents;position:absolute}.detail-container{overflow:scroll;position:absolute;right:9vmin;top:25vmin;width:62vmin;height:62vmin}.detail-title{height:7.5vmin;background:var(--main-txt-color);font-size:3.5vmin}.detail-description,.detail-title{-webkit-transform:translateX(20.8vmin);transform:translateX(20.8vmin);width:38vmin;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:1.1vmin;color:var(--main-bg-color);box-shadow:1vmin 1vmin 1vmin var(--soft-txt-color);vertical-align:baseline}.detail-description{height:11.5vmin;margin-top:.8vmin;background:var(--main-txt-color-transparent);font-size:2vmin}.detail-text{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin-top:1vmin;padding:1.1vmin;color:var(--main-txt-color);box-shadow:2px 2px 2px var(--soft-txt-color);background:var(--main-panel-color);font-size:2vmin;vertical-align:baseline;text-align:left}.detail-text img{width:100%}.grid-container{display:grid;grid-template-columns:20vmin 20vmin 20vmin;grid-template-rows:20vmin 20vmin 20vmin;grid-gap:1vmin;background-color:transparent;padding:1vmin;position:absolute;top:24vmin;left:8vmin}.grid-background{top:23.5vmin;left:7.5vmin;height:65vmin;width:65vmin;border-radius:5%}.grid-background,.grid-button{position:absolute;background-color:var(--main-bg-color)}.grid-button{top:.5vmin;right:35.5vmin;z-index:1;border:1px solid var(--soft-txt-color);border-radius:15%;color:var(--main-txt-color);font-size:2vmin;text-align:center;padding:.7vmin 2vmin;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.grid-button:hover{background-color:var(--soft-txt-color)}.button-extension{position:absolute;width:15vmin;height:15vmin;top:4vmin;right:-2.8vmin}.grid-item{background-color:var(--main-panel-color);border:none;border-radius:25%;box-shadow:1vmin 1vmin 1vmin var(--soft-txt-color);font-size:1.7vmin;text-align:center;text-overflow:ellipsis;overflow:hidden;background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;-webkit-transition:opacity .7s ease-in-out,-webkit-transform 3s ease-in-out;transition:opacity .7s ease-in-out,-webkit-transform 3s ease-in-out;transition:opacity .7s ease-in-out,transform 3s ease-in-out;transition:opacity .7s ease-in-out,transform 3s ease-in-out,-webkit-transform 3s ease-in-out}.grid-item:hover{background-size:90%}.grid-item:active{-webkit-filter:grayscale();filter:grayscale()}.grid-item-text{position:relative;top:15.35vmin;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:1.1vmin;color:var(--main-bg-color);background:var(--main-txt-color-transparent)}.grid-item-description{font-size:1.5vmin;padding:10px}.selected{pointer-events:none}
/*# sourceMappingURL=main.daf0ac5d.chunk.css.map */