*{box-sizing:border-box;margin:0;padding:0}html{font-size:62.5%}body{background:#000;color:#338eef;font-family:Helvetica,Arial,sans-serif;font-size:1.6rem;display:flex;align-items:center;justify-content:center;min-height:100vh}span{border-bottom:1px solid #534f59;display:inline-block;font-size:2rem;height:2.4rem;line-height:2.4rem;margin:0 .1rem;text-align:center;text-transform:uppercase;width:2.4rem}p{font-weight:300;margin-bottom:.8rem}.puzzle{display:flex;margin-bottom:4.8rem}.button{background:#fff000;border:none;border-bottom:2px solid #6a6c6e;cursor:pointer;color:#000;font-size:1.4rem;font-weight:300;padding:.8rem;transition:background .3s ease,color .3s ease}.button:hover{background:#6a6c6e;color:#fff}