* { font-family: sans-serif; background: white; color: black; text-align: center; }
h2 {text-transform:lowercase; color:red; font-size:2em;}
a:link, a:visited {color:black; text-decoration: none}
a:hover, a:active {color:red}
#form-container { display: flex; flex-direction: column; align-items: center; }
button:hover, input:hover { cursor: pointer; }
#mode-selection button {
margin: 0.5em;
background-color: white;
color: black;
cursor: pointer;
}
#mode-selection button.active {background-color: #333; color: white}
.left {float:left; padding: 50px}
.right {float:right; padding: 50px; list-style: none}
input, select {margin:0}
.hidden { display: none !important; }
nav {display:flex; justify-content: space-between;}