<!DOCTYPE html>

head {background-color: lightblue;
      font-family:Verdana, Geneva, Tahoma, sans-serif;  }
body {background-color: lightblue;
    font-family: Verdana, Geneva, Tahoma, sans-serif;    }
h1 {color: rgb(42, 121, 141);
    font-size: 95px;
    font-family:Verdana, Geneva, Tahoma, sans-serif;  
    text-align: center;}
table { background-color: rgb(138, 138, 231);
        border: 3px solid darkblue;
        font-size: 15px;
        }
a {color: darkblue;}
a:hover {text-decoration: none; color: rgb(164, 164, 226);}
a:active {color: white;}

main { display: flex; }

#wrapper { margin: auto; width: 100%; }

#wrapper { 
  display: flex; 
  flex-wrap: wrap;
}
header { flex: 1 1 100%; }
nav { flex: 1; }
main { flex: 3; }
footer { flex: 1 1 100%; }
