html{
  width:1000px;
  margin:0 auto;
  font-size: 14px;
  font-family: 'Castoro Titling', cursive;
}
nav ul{
  display:flex;
  gap:20px;
  font-size: 1.2rem;
  margin-top: 40px;
  margin-left: 400px;
}
header{
  display:flex;
}
h3{
  font-size: 30px;
  color:rgb(23, 135, 157);
}
main img{
  border-radius: 20px;
}
.read1{
  display:flex;
  gap:20px;
  margin-bottom: 20px;
  padding-left: 20px;
}
.read1 p{
  padding-top: 30px;
  width:660px;
}
.read1:hover{
  opacity:0.6;
}
.read2{
  display:flex;
  gap:20px;
  margin-bottom: 20px;
  padding-left: 20px;
}
.read2 p{
  padding-top: 30px;
  width:660px;
}
.read2:hover{
  opacity:0.6;
}
.read3{
  display:flex;
  gap:20px;
  margin-bottom: 20px;
  padding-left: 20px;
}
.read3 p{
  padding-top: 30px;
  width:660px;
}
.read3:hover{
  opacity:0.6;
}

/* footer */
footer{
  width:1000px;
  height:20px;
  background-color: rgb(27, 189, 189);
  color:white;
  text-align: center;
  margin-top: 200px;
  padding-top: 6px;
}