:root{--darkgrey: #333333;--lightgrey: #BBBBBB;--orange: #f77142;--lightblue: #32a0ee}body{font-family:Arial,Helvetica,sans-serif;color:var(--darkgrey);margin:0;display:flex;flex-direction:column}.body-container{width:50rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.header-container{width:60rem;display:flex;flex-direction:row;align-items:center;justify-content:space-between}header{display:flex;flex-direction:row;align-items:center;justify-content:center;background-color:var(--darkgrey);color:#fff;margin:0;padding-top:.25rem;padding-bottom:.25rem}h1{color:var(--orange)}h1 a{text-decoration:none;color:var(--orange)}nav{min-width:30em;display:flex;flex-direction:row;justify-content:flex-end}nav a{text-decoration:none;color:#fff;padding:1em}nav a:hover{color:var(--orange)}main{display:flex;flex-direction:column;align-items:center}form{display:flex;flex-direction:column}.formbox{width:25em;border-style:solid;border-color:var(--lightgrey);padding:2em 5em 4.5em;margin-top:5em}label{margin-top:.5em;margin-bottom:.5em;font-size:large}input{padding:1em;margin-bottom:1em;font-size:large;border-radius:.3em;border-color:var(--lightgrey);border-style:solid;border-width:.09rem}button{padding:1.5em;margin-top:.5em;border-radius:.3em;background-color:var(--lightblue);color:#fff;font-size:larger;border:none}