body {
    font-family: 'Montserrat', sans-serif;
    margin: 0;
    padding: 0;
    background-color: white;
    color: #333;
    min-height: 100vh;
}

.navbar-dark .navbar-nav .nav-link {
    color: white;
    border-bottom: 1px solid transparent; /* Awalnya tanpa border */
    transition: border-color 0.3s; /* Efek transisi */
}

.navbar-dark .navbar-nav .nav-link:hover {
    color: white;
    border-bottom: 1px solid white; /* Awalnya tanpa border */
}

.navbar-nav a {
    color: white;
}

.image-shape {
    border-radius: 10px 50px;
    object-fit: cover;
    filter: grayscale(100%);
}

#projects h2 {
    margin: 32px auto;
    font-size: 24px;
}

#projects, #skills {
    width: 80%;
    height: auto;
    margin: 12px auto;
}

.project {
    margin: 16px auto;
}

.project img {
    width: 90%;
    display: block;
    margin: 0 auto;
}

.project-description-container {
    display: block;
    margin: 12px auto;
    border: 1px solid black;
    padding: 12px;
    box-sizing: border-box;
    border-radius: 16px;
}

.project h3 {
    text-align: justify;
}

.project p{
    text-align: justify;
}

#skills {
    width: 80%;
    height: auto;
    margin: 12px auto;
    display: grid;
}

#skills h2 {
    margin: 32px auto;
    font-size: 24px;
}

.skill-item-container {
    padding: 10px;
    filter: grayscale(100%);
}

.skill-item-container:hover {
    box-sizing: border-box;
    padding: 10px;
    border-bottom: 2px solid black;
    filter: grayscale(0%)
}

.skill-title {
    margin: 8px auto;
}

footer {
    background-color: #474747;
    color: #fff;
    padding: 20px 0;
}

.footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.contact-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
}

.contact-item {
    margin-left: 12px;
}