body {
  background-color: rgb(255, 255, 255);
  margin: 0;
  padding: 0;
}
h1 {
  color: blue;
}
p {
  color: red;
}
/*Navigation Bar*/
ul {
  list-style-type: none;
  background-color: rgb(228, 228, 228);
  margin: 0;
  padding: 0;
  overflow: hidden;
}
ul li {
  float: right;
}
ul li a {
  display: block;
  color: rgb(39, 39, 39);
  background-color: rgb(228, 228, 228);
  text-align: center;
  padding: 32px 26px;
  text-decoration: none;
  font-size: 20px;
  font-family: 'Oswald', Courier, monospace;

}
ul li a:hover {
  background-color: #acacac;
}
.logo {
  float: left;
  padding: 24px 26px;
  background-color: rgb(228, 228, 228);
  font-size: 30px;
  font-family: 'Oswald', Courier, monospace;
}
img {
  display: block;
}
.image-container {
  width: 50%;
  height: 30%;

}
.image-container img {
  width: 100%;
  height: 30%;
  object-fit: cover;
}

.imagemain img {
  width: 40%;
  height: 30%;
  object-fit: contain;
}