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}.container{align-items:center;display:flex;flex-direction:column;height:75vh;justify-content:space-between;position:relative}.message{background:#787c7e;border-radius:10px;color:#fff;font-size:16px;padding:10px 20px;position:absolute;top:10%}.title{font-size:36px;font-weight:600;letter-spacing:.2rem}.cube-row{flex-direction:row}.cube,.cube-row{display:flex;gap:5px}.cube,.letter{flex-direction:column}.letter{align-items:center;border:2px solid #d3d6da;display:flex;font-size:32px;font-weight:700;height:60px;justify-content:center;text-transform:uppercase;width:60px}.reset-board{background:none;color:#6aaa64;font-size:38px;padding:5px 5px 5px 20px}.top{border-bottom:1px solid grey;display:flex;flex-direction:row;padding:10px 20px}.cube-row.error{-webkit-animation:shake .82s cubic-bezier(.36,.07,.19,.97) both;animation:shake .82s cubic-bezier(.36,.07,.19,.97) both;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px;-webkit-transform:translateZ(0);transform:translateZ(0)}@-webkit-keyframes shake{10%,90%{-webkit-transform:translate3d(-1px,0,0);transform:translate3d(-1px,0,0)}20%,80%{-webkit-transform:translate3d(2px,0,0);transform:translate3d(2px,0,0)}30%,50%,70%{-webkit-transform:translate3d(-4px,0,0);transform:translate3d(-4px,0,0)}40%,60%{-webkit-transform:translate3d(4px,0,0);transform:translate3d(4px,0,0)}}@keyframes shake{10%,90%{-webkit-transform:translate3d(-1px,0,0);transform:translate3d(-1px,0,0)}20%,80%{-webkit-transform:translate3d(2px,0,0);transform:translate3d(2px,0,0)}30%,50%,70%{-webkit-transform:translate3d(-4px,0,0);transform:translate3d(-4px,0,0)}40%,60%{-webkit-transform:translate3d(4px,0,0);transform:translate3d(4px,0,0)}}.correct{background:#6aaa64;color:#fff}.present{background:#c9b458;color:#fff}.absent{background:#787c7e;color:#fff}.keyboard-rows{align-items:center;display:flex;flex-direction:column;gap:8px;margin-bottom:10px}.row{display:flex;flex-direction:row;gap:5px;width:auto}button{background:#d3d6da;border:none;border-radius:5px;cursor:pointer;font-weight:700;padding:22px 18px;text-transform:uppercase}.key-correct{background:#6aaa64;color:#fff}.key-present{background:#c9b458;color:#fff}.key-absent{background:#787c7e;color:#fff}@media only screen and (max-width:960px){.row{display:flex;flex-direction:row;padding-left:5px;padding-right:5px;padding-top:5px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}button{background:#d3d6da;border:none;border-radius:5px;cursor:pointer;font-weight:700;padding:8px 10px;text-transform:uppercase}}
/*# sourceMappingURL=main.cb027a1f.css.map*/