.hidden {
    opacity: 0;
}

#nav-color {
    background: #1A3636;
}

#hero {
    background: linear-gradient(180deg, #1A3636 90%, #40534C 100%);
}

#bg-main1 {
    background: #40534C;
}

#bg-footer1 {
    background: #677D6A;
}

#bg-footer2 {
    background: #1A3636;
}

#hx {
    color: #D6BD98;
}

.preview {
    background-color: #40534C;
    color: gainsboro;
}

.preview:hover {
    background-color: #40534C;
    color: white;
}

#about,
#project,
#certif,
#skill,
#resume {
    padding-top: 5rem;
}

#card-project {
    background: #D6BD98;
}

.image-skill {
    height: 150px; /* Tinggi sama untuk semua gambar */
    width: 100%; /* Lebar menyesuaikan aspek rasio */
    object-fit: contain; /* Mencegah gambar terpotong */
    border: transparent;
    border-radius: 5px; /* Opsional */
}

.image-skill:hover{
    transform: scale(1.25);
    transition: transform 0.2s ease-in-out;
}

/* Pastikan gambar memenuhi modal */
#modalImage {
    width: 100%;
    height: auto;
    object-fit: contain; /* Sesuaikan gambar tanpa terpotong */
}

.modal-content {
    background-color: transparent; /* Opsional: hilangkan background modal */
    border: none;
}

a {
    all: unset; /* Menghapus semua gaya default */
    color: inherit; /* Menyesuaikan warna teks induk */
    cursor: pointer; /* Mengembalikan pointer jika diinginkan */
  }