html, body {margin: 0; padding: 0;}
h1, form, p {margin: 1em auto 0 auto; min-width: 300px; max-width: 400px; width: 90%;}
fieldset {border: 0; padding: 0;}
label, input {display: block; width: 90%;}
label {margin: 2em auto 0.25em auto;}
input {border-radius: 8px; font-size: 1.5em; height: 2em; margin: 0 auto 0 auto; text-align: center;}
input[type="submit"] {background-color: green; color: white; margin: 2em auto 0 auto; width: 50%;}
#decision {font-size: 4em; margin-bottom: 1.85em; margin-top: 1.84em; text-transform: uppercase;}
a.ui {display: block;}
.centered {display: block; text-align: center;}
a:link {color: blue; text-decoration: underline;}
a:visited {color: blue;}
a:hover {text-decoration: none;}
a:active {border-bottom: 1px solid double; text-decoration: none;}

@media screen and (orientation: landscape) and (min-width: 480px) and (max-width: 736px)
{
//iPhone 5–7 in landscape
h1, form, p {max-width: 325px;}
}