body {
  background-color: #30D5C8;
  text-align: center;
}

.img {
  margin-top: 2%;
  float: left;
  width: 20%;
  height: 608px;
  background-image: url("arti.jpg");
  margin-bottom: 5%;
  margin-left:  3%;
}

.all {
  margin-top: 2%;
  float: left;
  border: 4px solid black;
  Width: 40%;
  background-color: white;
  padding-left: 5%;
  padding-right: 5%;
  height: 600px;
}

.nav {
  margin-top: 2%;
  border: 4px dotted black;
  float: right;
  width: 22%;
  height: 600px;
  font-size: large;
  background-position: bottom;
  background-repeat: no-repeat;
  background-color: white;
  text-align: center;
  padding-right: 1%;
  margin-right: 2.5%;
}

h1 {
  color: #3b3423;
  text-align: center;
  font-style: italic;
 }

 p {
   font-family: sans-serif;
   text-align: center;
 }

 a:link {
  color: green;
  background-color: transparent;
  text-decoration: none;
}

a:visited {
  color: blue;
  background-color: transparent;
  text-decoration: none;
}

a:hover {
  color: red;
  background-color: transparent;
  text-decoration: underline;
}

.banner {
  position: absolute;
  top: 0px;
  left: 0px;

  margin: 0 auto;
  text-align: center;
}

.banner_contents {
  width: 1380px;
  height: 160px;
  background-image:url(banner.jpg);
  background-repeat: no-repeat;
  background
  margin-left: 3%;
  margin-right: 3%;
}

.DO_NOT_REMOVE {
  float: right;
margin-right: 3%;
}