#root{margin:0 auto;text-align:center;font-family:arial}body{color:#fff;background-color:#f0af22;display:flex;place-items:center;min-height:90vh}h1{font-family:Permanent Marker,cursive;font-size:3.2em;margin:0 auto}h3{font-family:Permanent Marker,cursive;font-size:2rem;line-height:2.5rem;margin:0}.btn-letters{width:500px;margin:0 auto}button{margin:5px;cursor:pointer;font-size:1.3rem;padding:.7rem 1.2rem;background-color:#ff6200;border-color:#fff;border-radius:5px;color:#fff;transition:all ease .2s;border:none}button:hover{background-color:#df6e04}button:active{background-color:#000}.btn-again{background-color:#f10;font-size:.8rem;font-weight:700;transition:all ease .2s}.btn-again:hover{background-color:#d40f01}.btn-again:active{background-color:#000}@media only screen and (max-width: 600px){h1{font-size:2em;line-height:1.7rem}h3{font-size:1.6rem;line-height:1.5rem;margin:0}.btn-letters{width:100%;margin:0 auto}button{font-size:1rem;padding:.4rem .8rem}}.images{height:300px}