* {
   box-sizing: border-box;
}

body {
   margin: 30;
   font-family: Arial, Helvetica, sans-serif;
   background-color: #becdce;
}
.header {
   background-color: #becdce ;
   padding: 20px;
   text-align: center;

}

/* Style the top navigation bar */
.topnav {
   overflow: hidden;
   background-color:  #626fe0;
   margin: 0 auto;
   max-width: 80%;
}

/*tyle the topnav links */
.topnav a {
   float: left;
   display: block;
   color: #f2f2f2;
   padding:16px;
   text-decoration: none;
  
}

/* Change color on hover */
.topnav a:hover {
   background-color:  #ffffff;
   color: black;
}



/* Style the side navigation */
.side {
   height: 100%;
   width: 600px;
   z-index: 1;
   top: 0;
   float: left;
   background-color: #becdce;
   overflow-x: hidden;

}



/* Style the content */
.content {
   margin-left: 650px;
   padding-left: 15px;

}