body{color:#f36e21;font-family:Arial,sans-serif;font-weight:700;margin-top:50px;overflow-y:scroll;text-align:center}.container{align-items:center;display:flex;flex-direction:column;justify-content:center;max-width:600px;width:100%}input[type=text]{border:1px solid #ccc;box-sizing:border-box;font-size:16px;margin-bottom:10px;max-width:400px;padding:10px;width:60%}button{background-color:#3a833c;border:none;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;transition:background-color .3s ease}button:focus{background-color:#2e6a2f;outline:none}mark.highlight{background-color:#ff0;color:inherit;font-weight:400}html{overflow-y:scroll}.container{background:#fff;border:1px solid #ddd;border-radius:5px;box-shadow:0 0 10px rgba(0,0,0,.1);font-family:Arial,sans-serif;margin:0 auto;max-width:800px;padding:20px}@media only screen and (max-width:767px){.container{max-width:90%}button,input[type=text]{width:100%}}@media only screen and (min-width:768px) and (max-width:1024px){.container{max-width:80%}input[type=text]{width:80%}button{width:auto}}@media only screen and (min-width:1025px){.container{max-width:600px}input[type=text]{width:60%}button{width:auto}}