html{
  width:1000px;
  margin:0 auto;
  font-size: 14px;
  font-family: 'Castoro Titling', cursive;
}
header img{
  margin-top:10px;
  width:160px;
  height:50px;
}
header img:hover{
  opacity:0.6;
}
.page-title span{
  color:rgb(29, 28, 128);
}
nav ul{
  display:flex;
  gap:20px;
  font-size: 1.2rem;
  margin-top: 40px;
  margin-left: 460px;
}
nav ul li:hover{
  opacity:0.6;
}
header{
  display:flex;
}
h3{
  font-size: 30px;
  margin-bottom: -10px;
  color:rgb(23, 135, 157);
}
/* main */
.day1{
    display:flex;
    margin-left: 20px;
    gap:20px;
    padding-top: 20px;
}
.day1:hover{
    opacity:0.6;
}

.day1 p{
    padding-top: 20px;

}

.day2{
  display:flex;
  margin-left: 20px;
  gap:20px;
  padding-top: 20px;
}
.day2:hover{
  opacity:0.6;
}

.day2 p{
    padding-top: 20px;
}

.day3{
  display:flex;
  margin-left: 20px;
  gap:20px;
  padding-top: 20px;
}
.day3:hover{
  opacity:0.6;
}

.day3 p{
    padding-top: 20px;
}

.day4{
  display:flex;
  margin-left: 20px;
  gap:20px;
  padding-top: 20px;
}
.day4:hover{
  opacity:0.6;
}

.day4 p{
    padding-top: 20px;
}
.day5{
  display:flex;
  margin-left: 20px;
  gap:20px;
  padding-top: 20px;
}
.day5:hover{
  opacity:0.6;
}

.day5 p{
    padding-top: 20px;
}
.day6{
  display:flex;
  margin-left: 20px;
  gap:20px;
  padding-top: 20px;
}
.day6:hover{
  opacity:0.6;
}

.day6 p{
  padding-top: 20px;
}
.day7{
  display:flex;
  margin-left: 20px;
  gap:20px;
  padding-top: 20px;
}
.day7:hover{
  opacity:0.6;
}

.day7 p{
  padding-top: 20px;
}
                                                                                                     
/* aside */
/* .day{
    width:60vw;
} */
/* aside{
    width:20vw;
}
main{
    display:flex;
    gap:10vw;
} */
main img{
  border-radius: 20px;
}

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



