body {
background-image: url(images/stripes.png); 
background-size: 400px 400px;
background-attachment: fixed;
margin: 8px 0;
background-repeat: repeat;
font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
color: rgb(153, 179, 103);


}
.img_Main{
width:350px;
height:auto ;
display:center;
margin:30px;
border: solid rgb(153, 179, 103);
border-radius: 10px;
box-shadow: 0 0 10px #ff77c8 ;
}

.getoknowme{
background:rgb(255, 240, 248);
border-radius: 40px;
padding: 20px;
width: 70%;
text-align: center;
margin: 30px auto;
border: 2px solid rgb(153, 179, 103);
box-shadow: 0 0 37px #ff77c8 ;
}
.getoknowme nav ul{
display: flex;
gap: 100px;
justify-content: center;
padding: 0;
list-style: none;
}

.menu a {
    text-decoration: none;
    color: rgb(153, 179, 103);
}
.menu a:hover{
    color: #ff77c8;
    text-shadow: 0 0 20px #ff77c8 ;
}

.moreaboutme{
    color:rgb(153, 179, 103);
    font-weight: normal;
    list-style: none;
    padding: 0;
    margin: 0px auto;
    text-align: left;
    display: inline-block;
}
.moreaboutme li{
    margin: 8px 0;

}
.pictures {
    width: flex;
    justify-content: center;
    gap: 10px;
    margin:20px auto;
   
}
.pictures img {
   border-radius: 10px;
   border: 3px solid rgb(153,179,103);
object-fit: cover;
}

.novels{
    width: 280px;
    aspect-ratio: 3/4;
    height: 400px;
object-fit: cover;
border-radius: 10px;
border: 3px solid rgb(153,179,103);
}

.albums {
    width: 340px;
    aspect-ratio: 1/1;
}

.journal {
     width: 280px;
    aspect-ratio: 3/4;
    height: 400px;
object-fit: cover;
border-radius: 10px;
border: 3px solid rgb(153,179,103);
}

hr {
    border: none;
    border-top: 3px solid rgb(153, 179, 103);
    width: 75%;
    margin: 20px auto;
}

.goals { 
    list-style: none;
    margin-left: -20px;
}
.goals li::before{
    content: '⭐';
}