body,html{background:#000;border:0;margin:0;padding:0;font-family:monospace}.app{position:relative}.app .bodge{position:fixed;bottom:0;right:0;background:#000;padding:5px;font-style:italic}.app .bodge a{color:#fff}.app .toolbar{position:fixed;top:0;left:0;z-index:99;width:100%;background:#000;height:56px}@media (max-width:800px){.app .toolbar{height:42px}}.app .toolbar .logo{font-family:corpulent-web-1,corpulent-web-2;font-size:42px;line-height:1;padding:10px}@media (max-width:800px){.app .toolbar .logo{font-size:28px}}.app .toolbar .logo span:first-of-type{color:#78faff}.app .toolbar .logo span:nth-of-type(2){color:#6fe6eb}.app .toolbar .logo span:nth-of-type(3){color:#5ec3c7}.app .toolbar .logo span:nth-of-type(4){color:#489799}.app .toolbar .logo span:nth-of-type(5){color:#377274}.app .toolbar .toggle{position:absolute;right:20px;top:0;height:100%;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}@media (max-width:800px){.app .toolbar .toggle{right:5px}}.app .toolbar .toggle button{border:0;background:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:none;-webkit-transition:all .5s;transition:all .5s;opacity:1;cursor:pointer}.app .toolbar .toggle img{width:32px}@media (max-width:800px){.app .toolbar .toggle img{width:22px}}.app .colors{margin-top:56px}@media (max-width:800px){.app .colors{margin-top:42px}}.app .colors .color{position:relative;cursor:pointer;overflow:hidden}.app .colors .color .color-hex{top:0;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;z-index:1;opacity:0;font-size:22px}.app .colors .color .color-hex,.app .colors .color .color-image{position:absolute;width:100%;height:100%;-webkit-transition:all .5s;transition:all .5s}.app .colors .color .color-image{background-position:50%;background-size:cover;display:none}.app .colors .color .color-time{position:absolute;bottom:5px;width:100%;text-align:center;opacity:0;z-index:1;font-size:10px}.app .colors .color:hover .color-image{display:block;-webkit-animation:fadeIn .5s forwards;animation:fadeIn .5s forwards}.app .colors .color:hover .color-hex{opacity:1;-webkit-transition:all .5s;transition:all .5s}.app .colors .color:hover .color-time{opacity:.5;-webkit-transition:all .5s;transition:all .5s}.app .colors-grid .color{height:20vh;width:20vw;float:left}@media (max-width:800px){.app .colors-grid .color{width:50%;height:16vh}}@media (min-width:2000px){.app .colors-grid .color{width:10vw;height:10vh}}.app .colors-line .color-image{background-image:none!important}.color-image .app .colors-line:hover{display:none!important;-webkit-animation:none!important;animation:none!important;background-image:none!important}.app .colors-line .color-hex{position:relative!important}.app .colors-line .color-time{display:none}.color-dark{color:#fff!important}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}
/*# sourceMappingURL=main.9ddcdaeb.chunk.css.map */