.header {
background-color: #FFD700 ;
color:#508BFA; 
padding: 5px;
text-align: center;
font-size: 30px
}

.topnav {
  overflow: hidden;
  background-color:#A8C6FE;
}


.topnav a {
  float: left;
  display: block;
  color: #FFD700;
  text-align: center;
  padding: 14px 88px;
  text-decoration: none;
}


.topnav a:hover {
  background-color:#D0F2FF ;
  color: #5F96FF;
}

.column {
  float: left;
  width: 30%;
  padding: 20px;
}

.row::after {
  content: "";
  display: table;
  clear: both;
}



.footer {
  background-color:#FFF7B5;
color: #5CD2FF;
 font-family: "Georgia", serif;
  padding: 70px;
  text-align: center;
}
@media screen and (max-width: 600px) {
  .column.side, .column.middle {
    width: 100%;
  }
}
body {
 text-align: center;
    color:  #31A0CB;
    font-size: 23px;
}