.letter[data-v-3eecf457]{display:flex;align-items:center;justify-content:center;width:80px;height:80px;background:none;border-radius:80%;top:50%;left:50%;transform:translate(0)}.thecard[data-v-3eecf457]{position:relative;top:0;left:0;width:100%;height:100%;border-radius:100%;transform-style:preserve-3d;transition:all .8s cubic-bezier(0,.79,.75,.71)}.thecard-guessed[data-v-3eecf457]{transform:rotateY(900deg);transition-duration:2s}.thefront[data-v-3eecf457]{background:#ffc728;color:#000;font-size:140px}.theback[data-v-3eecf457],.thefront[data-v-3eecf457]{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;text-align:center}.theback[data-v-3eecf457]{background:#fafafa;color:#333;font-size:60px;transform:rotateY(180deg)}.theback h1[data-v-3eecf457],.thefront h1[data-v-3eecf457]{font-family:zilla slab,sans-serif;font-weight:700;font-size:110px;text-align:center;margin:0}@media screen and (min-width:550px) and (max-width:900px){.letter[data-v-3eecf457]{width:40px;height:40px}.thefront h1[data-v-3eecf457]{font-size:50px}.theback[data-v-3eecf457]{font-size:30px}}@media screen and (max-width:550px){.letter[data-v-3eecf457]{width:30px;height:30px}.theback h1[data-v-3eecf457],.thefront h1[data-v-3eecf457]{font-size:40px}.theback[data-v-3eecf457]{font-size:20px}}span[data-v-37bd9e56]{position:relative;display:inline-flex;width:180px;height:55px;margin:0 15px;perspective:1000px}span a[data-v-37bd9e56]{font-size:19px;letter-spacing:1px;transform-style:preserve-3d;transform:translateZ(-25px);transition:transform .25s;font-family:Montserrat,sans-serif}span a[data-v-37bd9e56]:after,span a[data-v-37bd9e56]:before{position:absolute;content:"START";height:55px;width:180px;display:flex;align-items:center;justify-content:center;border:5px solid #000;box-sizing:border-box;border-radius:5px}span a[data-v-37bd9e56]:before{color:#fff;background:#000;transform:rotateY(0deg) translateZ(25px)}span a[data-v-37bd9e56]:after{color:#000;transform:rotateX(90deg) translateZ(25px)}span a[data-v-37bd9e56]:hover{transform:translateZ(-25px) rotateX(-90deg)}.wrong-keys[data-v-22367cd2]{font-size:30px;color:red;text-shadow:#2c3e50}button[data-v-d1727942]{border-radius:0;height:1.5rem;width:2rem;font-weight:700;font-family:Arial,Helvetica,sans-serif;padding:.4em .5em .3em .5em;line-height:1;color:inherit;background:lighten(#7ba7bc,30%);font-size:.75em;box-shadow:4px 4px 0 0 #7ba7bc;position:relative;overflow:hidden;transform-origin:bottom right}button[data-v-d1727942]:active{transform:translate(2px,2px);box-shadow:0 0 0 0 #7ba7bc}#button-board[data-v-d1727942]{display:grid;grid-template-columns:repeat(auto-fit,minmax(1.5em,1fr));grid-gap:.5rem}@media screen and (max-width:380px){button[data-v-d1727942]{border-radius:0;height:25px;width:30px}}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;margin-top:60px}h3{margin:40px 0 0}ul{list-style-type:none;padding:0}li{display:inline-block;margin:0 10px}a{color:#42b983}button{margin:5px}#hint-button{position:absolute;bottom:-20px;right:-20px}#hint-footer{margin-top:50px}#title{color:#111;font-size:55px;letter-spacing:-1px;line-height:1;text-align:center}.secret-letters{display:flex;justify-content:center;margin-bottom:20px}.user-input{padding:10px;margin:1rem 0 -1rem 2rem}.modal-enter-active,.modal-leave-active{transition:opacity .5s ease}.modal-enter-from,.modal-leave-to{opacity:0}@media screen and (max-width:550px){#title{font-size:35px}button{margin:1px}}.modal-mask[data-v-773075cc]{position:fixed;z-index:9998;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;flex-direction:column}.modal-wrapper[data-v-773075cc]{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.modal-container[data-v-773075cc]{width:300px;margin:0 auto;padding:20px 30px;background-color:#fff;border-radius:2px;box-shadow:0 2px 8px rgba(0,0,0,.33);font-family:Montserrat,sans-serif}.modal-header h3[data-v-773075cc]{margin-top:0;color:#42b983}.modal-body[data-v-773075cc]{margin:20px 0}.modal-default-button[data-v-773075cc]{margin-top:2rem}span[data-v-773075cc]{position:relative;display:inline-flex;width:180px;height:55px;margin:0 15px;perspective:1000px}span a[data-v-773075cc]{font-size:19px;letter-spacing:1px;transform-style:preserve-3d;transform:translateZ(-25px);transition:transform .25s;font-family:Montserrat,sans-serif}span a[data-v-773075cc]:after,span a[data-v-773075cc]:before{position:absolute;content:"RESTART";height:55px;width:180px;display:flex;align-items:center;justify-content:center;border:5px solid #000;box-sizing:border-box;border-radius:5px}span a[data-v-773075cc]:before{color:#fff;background:#000;transform:rotateY(0deg) translateZ(25px)}span a[data-v-773075cc]:after{color:#000;transform:rotateX(90deg) translateZ(25px)}span a[data-v-773075cc]:hover{transform:translateZ(-25px) rotateX(-90deg)}