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.4rem;
    margin-top: 40px;
    margin-left: 400px;
}
nav ul li:hover{
    opacity:0.6;
}
header{
    display:flex;
}
.home-content{
    background-color: rgb(27, 189, 189);
    width:1000px;
    height:200px;
}
.home-content h2{
    text-align: center;
    padding-top: 60px;
    font-size: 40px;
}
.home-content p{
    text-align: center;
    padding-top: 10px;
    font-size: 1.4rem;
}
h3{
    margin:0 auto;
    text-align: center;
    font-size: 20px;
    padding-top: 20px;
    border-bottom: 2px rgb(14, 141, 150) solid;
    width:110px;
}

.Profile{
   display: flex;
   width:300px;
   margin:0 auto;
   gap:30px;
   padding-top: 20px;
}
.Profile img{
    border-radius: 20px;
}
.Profile p{
    padding-top: 30px;
}
#button{
    background-color: rgb(23, 135, 157);
    color:white;
    border-radius: 20px;
    width:80px;
    text-align:center;
    padding:2px 4px;
    margin:10px 10px;
}
#button:hover{
    opacity:0.6;
}
.diary{
    width:600px;
    margin:0 240px;
    padding-top: 20px;
}
.diary p:hover{
   opacity:0.6;
}
#button2{
    background-color: rgb(23, 135, 157);
    color:white;
    border-radius: 20px;
    width:80px;
    text-align:center;
    padding:2px 4px;
    margin:10px 10px;
    margin-left: 230px;
}
#button2:hover{
    opacity:0.6;
}
#button3:hover{
    opacity:0.6;
}
.read{
    display:flex;
    width:400px;
    margin:40px 180px;
    gap:20px;
}
.read p{
    width:200px;
}
h4{
    font-size: 1.2rem;
}
.read img{
    border-radius: 10px;
    padding-left: 20px;
    margin-left: 40px;
}
.book1:hover{
    opacity:0.6;
}
.book2:hover{
    opacity:0.6;
}
.book3:hover{
    opacity:0.6;
}
#button3{
    margin-left: 540px;
    margin-bottom: 20px;
    background-color: rgb(23, 135, 157);
    color:white;
    border-radius: 20px;
    width:80px;
    text-align:center;
    padding:2px 4px;
}
main{
    background-color: antiquewhite;
}
/* footer */
footer{
    width:1000px;
    height:20px;
    background-color: rgb(27, 189, 189);
    color:white;
    text-align: center;
    padding-top: 4px;
}