*{margin:0;padding:0;box-sizing:border-box;font-family:Roboto,Arial,sans-serif}body{background-image:url(../amphitheatre.jpg);background-position:center;background-repeat:no-repeat;background-attachment:fixed;background-size:cover;font-size:100%}a{color:#000;text-decoration:none}a:hover,a:active,a:focus{text-decoration:underline}button{background-color:#00b3aa;box-shadow:-.2rem -.3rem #00a199 inset;border:0;outline:0;padding:1rem;border-radius:.3rem;color:#004844}button:active{background-color:#00b3aa;box-shadow:.2rem .3rem #00a199 inset;border:0;outline:0;padding:1rem;border-radius:.3rem}input{background-color:#fdfdfd;box-shadow:.2rem .3rem #f3f3f3 inset;border:0;outline:0;padding:1rem;border-radius:.3rem;color:#0006}input:disabled{background-color:#d86969;box-shadow:.2rem .3rem #d55f5f inset;border:0;outline:0;padding:1rem;border-radius:.3rem}noscript{width:calc(100vw - 3rem);max-width:1250px;margin:0 auto;background-color:#ce0000;box-shadow:-.2rem -.3rem #b90000 inset;display:block;padding:1.5rem;margin-top:1rem;border-radius:.3rem;text-align:center;font-weight:700;font-size:24px;color:#fff}form{width:calc(100vw - 3rem);max-width:1250px;margin:0 auto;background-color:#dadada;box-shadow:-.2rem -.3rem #d1d1d1 inset,0 1rem 1rem -1rem #000000b3;display:flex;flex-wrap:wrap;gap:1rem;padding:1.5rem;margin-top:3rem;border-radius:.3rem;text-align:center}form,form *{font-size:1.33em}form h1{font-family:Cinzel,Times New Roman,serif;font-weight:400;text-transform:uppercase;color:#a3a3a3;text-shadow:0 1px 0 rgb(236.6,236.6,236.6),0 -1px 0 rgb(32.6,32.6,32.6);font-size:3em;flex-basis:100%}form input{flex-grow:1;flex-shrink:0;max-width:100%;text-align:center}form input:read-only{font-family:Cinzel,Times New Roman,serif;font-weight:400;text-transform:uppercase}form button{flex-basis:100%;transition:box-shadow .1s}footer{width:calc(100vw - 3rem);max-width:1250px;margin:0 auto;margin-top:1rem;margin-bottom:1rem;text-align:center;padding:0 1.5rem;display:flex;justify-content:space-between;gap:1rem}footer>*{flex:1 1 0px}footer :first-child{text-align:start}footer :last-child{text-align:end}@media screen and (max-width: 580px){body{font-size:80%}}@media screen and (max-width: 400px){form h1{font-size:2.5em}}@media screen and (max-width: 340px){form h1{font-size:2em}}@media screen and (max-width: 290px){body{font-size:60%}}