:root {--red: #CC0000;
       --blue: #0036B3;}

body {font-family: sans-serif;}

header {text-align: center;
        font-size: 2em;}
header h1 {margin: 0px;}
header a {text-decoration: none;
          color: black;
          margin: 0px 8px 0px 8px;
          font-weight: bold;}
header nav a:hover {text-decoration: underline;}

main {font-size: 1.2em;
      padding: 8px;
      width: 60%;
      margin: 8px 20% 0px 20%;}

footer {font-size: 1.2em;
        margin: 8px;}

.bold {font-weight: bold;}
.red {color:var(--red);}
.blue {color:var(--blue);}