body{ font-family: "Gabarito", sans-serif; 
    font-optical-sizing: auto; 
    font-weight: weight; 
    font-style: normal; 
    margin: 0; 
    padding: 0; 
    padding-top: 150px; 
}

#header{ 
    position: fixed; 
    width: 100%; 
    top: 0; 
    box-shadow: 0 2px 12px maroon; 
    background-color: rgb(201, 236, 248); 
    padding: 20px 0; 
    text-align: center;  
    color: maroon; 
}

.container{
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px;
    width: 90%;
    margin: auto;
}

.profil{
    width: 70%;
    text-align: center;
    margin-bottom: 20px;
}

.profil img{
    width: 250px;
    height: 250px;
    border-radius: 50%;
    margin-bottom: 20px;
    object-fit: cover;
    border: 4px solid maroon;
    box-shadow: 0 2px 12px maroon;
}

.profil p{ 
    text-align: justify; 
}

.profil h2{ 
    font-family: "VT323", monospace; 
    font-weight: 400; 
    font-style: normal; 
}

.galeri{
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    flex-wrap: wrap;
    width: 100%;
}

.galeri h2{
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
    font-family: "VT323", monospace; 
    font-weight: 400; 
    font-style: normal; 
}

.kartu-aktivitas{
    background-color: rgb(201, 236, 248);
    padding: 2px;
    border: 3px solid maroon;
    border-radius: 40px;
    flex-basis: 31%;
    text-align: center;
}

.kartu-aktivitas:hover { 
    transform: scale(1.03); 
    border-color: maroon; 
    box-shadow: 0 6px 12px maroon; 
}

.profil img:hover {
    transform: scale(1.1); 
    border-color: maroon; 
    box-shadow: 0 6px 12px maroon;
}