body{
    padding: 0; margin: 0; 
}

.me{
    background-color: #1b6518; padding: 6%; display: flex;
    justify-content: center; align-items: center; 
}
.introcrd{
    background-color: #7fbf54; border-radius: 40px; padding: 5%;
    width: 90%; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35);
}
.introcon{
    display: flex; justify-content: space-between; align-items: center;
    gap: 60px;
}
.greet{
    font-size: 70px; color: #d9e9c2; font-family: "Rubik Spray Paint", system-ui;
    flex: 1; line-height: 1.1; text-align:justify;
}
.introimg{
    border-radius: 50px; object-fit: cover; width: 25%;
}
.dic{
    font-size: 20px; font-family: "Metamorphous", serif; color: #f1f7d4; 
    margin-top: 40px; text-align: center;
}

.prt1{
    background-color: #3b8b1e; padding: 6%; display: flex;
    justify-content: center; align-items: center; box-sizing: border-box;
}
.prt1crd{
    background-color: #b2d983; border-radius: 40px; padding: 5%;
    width: 90%; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35);
}
.title1{
    font-family: "Rubik Spray Paint", system-ui; text-align: center; font-size: 50px;
    color: #f1f7d4;
}
.hobgrd{
    display: grid; grid-template-columns: repeat(3, 1fr); column-gap: 3%;
    row-gap: 2rem; margin-top: 4%;
}
.hobcrd{
    background-color: #d8ecb8; border-radius: 25px; padding: 4%;
    text-align: center;
}
.hobcrd img{
    width: 100%; object-fit: cover; border-radius: 20px;
}
.hobcrd p{
    font-family: "Metamorphous", serif; margin-top: 4%; font-size: 20px;
    color: #1b6518;
}
.note{
    font-size: 10px; font-family: "Metamorphous", serif; font-style: italic;
}

.prt2{
    background-color: #5cae26; padding: 6%; display: flex;
    justify-content: center; align-items: center; 
}
.prt2crd{
    background-color: #7fbf54;border-radius: 40px; padding: 5%;
    width: 90%; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35);
}
.foodgrd{
    display: grid; grid-template-columns: repeat(3, 1fr); column-gap: 3%;
    row-gap: 2rem; margin-top: 4%;
}
.foodcrd{
    background-color: #b2d983; border-radius: 25px; padding: 4%;
    text-align: center;
}
.foodcrd img{
    width: 100%; object-fit: cover; border-radius: 20px;
}
.foodcrd p{
    font-family: "Metamorphous", serif; margin-top: 4%; font-size: 20px;
    color: #2b7a1b;
}

.prt3{
    background-color: #97c56c; padding: 6%; display: flex;
    justify-content: center; align-items: center; 
}
.prt3crd{
    background-color: #4f7f2a;border-radius: 40px; padding: 5%;
    width: 90%; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35);
}
.licrd{
    font-size: 25px; font-family: "MedievalSharp", cursive; color:#d8ecb8;
    line-height: 1.67;
}
.licrd li::marker{
    content:"◆ "; color:#1b6518;
}

footer{
    background-color: black; color: white; text-align: center;
    padding: 0.2%;
}
.con{
    font-family:Arial, Helvetica, sans-serif;
}
footer img{
    margin: 0 0.5%; border-radius: 15px; border: 2px solid white;
    width: 5%; height: auto;
}