body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;width:100vw}.app .headline{margin:0}.app .subline{margin-bottom:1.5rem}.app .subline a{color:var(--active-color);text-decoration:none}.app .hint{margin-top:1rem}.app .hint.hidden{visibility:hidden}.app .color-preview{background-color:var(--active-color);border-radius:1rem;box-shadow:0 0 1rem .3rem rgba(0,0,0,.1);height:16rem;width:24rem}.app .color-options{display:flex;gap:1rem;justify-content:space-between;margin-top:1.5rem;padding:0 1rem}.app .color-options .color-option{background-color:#fff;border:.15rem solid rgba(0,0,0,.15);border-radius:.5rem;box-shadow:0 .25rem .5rem .05rem rgba(0,0,0,.1);cursor:pointer;padding:1rem;transition:box-shadow .2s,border .2s,-webkit-transform .2s;transition:box-shadow .2s,transform .2s,border .2s;transition:box-shadow .2s,transform .2s,border .2s,-webkit-transform .2s;width:100%}.app .color-options .color-option--selected,.app .color-options .color-option:not(.color-option--disabled):hover{border:.15rem solid rgba(0,0,0,.25);box-shadow:0 .5rem .5rem .05rem rgba(0,0,0,.1);-webkit-transform:translateY(-.25rem);transform:translateY(-.25rem)}.app .color-options .color-option--correct{background-color:#6ae66a}.app .color-options .color-option--disabled{cursor:default}
/*# sourceMappingURL=main.aee35fa5.css.map*/