:root{font-family:Franklin Gothic Book,Roboto,Arial,sans-serif;font-size:1rem;background:#f2f2f2}*{margin:0;padding:0;box-sizing:border-box}h2{color:#404040;padding:1rem 0}hr{border-width:.2rem;border-style:dotted none none;border-color:#4444;margin-top:2rem}a{text-decoration:none;color:inherit}code{font-family:Fira Code,Consolas,Courier,sans-serif;font-size:1.1rem;font-weight:700;padding:1rem 0;color:gray}.code-area{flex:1;display:flex;padding:0 2rem;background:#e2e2e2;border-radius:3px;line-height:2rem}.answer{background:#ecffe6;border-radius:3px;padding:1rem 2rem;color:#1a6600;font-size:1.2rem;text-align:center}.input-container{display:flex;flex-direction:row;width:100%;justify-content:center;align-items:center;gap:1rem;margin-bottom:1rem}.input-container label{font-size:.9rem}.input-container input{padding:.3rem;width:7rem;max-width:10rem;border-radius:3px;border:1px solid #ccc;text-align:center}.input-container button{padding:.3rem 1rem;border-radius:3px;border:1px solid #ccc}.input-container button:hover{background:#ccc4}@media screen and (max-width: 380px){.input-container{flex-direction:column;gap:.5rem}.input-container button{width:50vw;align-self:center}}