* {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}

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

div {
  display:block;
}

body {
  background:#242370;
  font-family:Helvetica;
  color:#0e1121;
  padding:20px 10%;
  }
  
header {
  display:block;
}
  
.content {
  padding:50px 0;
}  
  
.container {
  background:azure;
  padding:20px;
  display:flex;
}

.navwrap {
  display:flex;
  float:left;
  height:4rem;
  width:100%;
  background:#050b36;
  padding: 20px;
  font-size:18px;
}

.navlinks ul {
  list-style-type:none;
  padding:0;
  margin:0;
}

.navlinks{
  clear:both;
  padding:0;
  justify-content:space-between;
}

.navlinks li {
  display:inline;
  float:left;
  padding:0 20px 0 0;
}

.navlinks a {
  display:block;
  color:#a5bbf2;
}

#navright {
  flex:1;
  float:right;
  text-align:right;
  color:#1a4469;
}  

#navright a {
  color:#a5bbf2
}