*,*:after,*:before{box-sizing:border-box;margin:0;padding:0}body{background-color:#f3f3f4;font-family:Poppins,sans-serif}.layout{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3rem;padding-top:3rem}.bg{background-color:#dfdcdc;text-align:center;font-size:1.5rem;font-weight:900;padding-block:.75rem}.box{margin-block-start:.25rem}.letter{display:inline-flex;justify-content:center;align-items:center;margin-inline-end:.5rem;width:3rem;height:3rem;border:2px solid #606263;font-size:1.5rem;border-radius:.125rem}.correct{background-color:#195d16;border:2px solid #195d16;color:#fff}.inCorrect{background-color:inherit;background-color:#ecebeb;color:#1f1d1d}.flex{display:flex;flex-direction:column;gap:1rem}.input{padding:1rem;width:21rem;border:2px solid #627d98;border-radius:5px;font-size:inherit}.input:focus-visible{outline:3px solid #1f1d1d;outline-offset:3px}.input:disabled{cursor:not-allowed;background-color:#949799}.label{font-size:1.25rem;font-weight:900}.Box{color:#fff;width:60%;margin:auto;border-top-right-radius:.25rem;border-top-left-radius:.25rem;height:8rem;position:fixed;bottom:0;left:0;right:0;font-size:1rem;display:flex;flex-direction:column;justify-content:center;align-items:center;animation:bounce 1s cubic-bezier(.5,1,.89,1);gap:.5rem}.win{background-color:#195d16}.lose{background-color:#481120}.restart{font-size:1rem;cursor:pointer}@keyframes bounce{0%{height:0}to{height:8rem}}