<!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;
  padding-bottom: 0px;}
h2 { color: rgb(42, 121, 141);
    font-size: 50px;
    text-align:right;
    }
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;}

b{color: darkblue;}


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%; }