p {
    font-size: 12pt;
    text-align: justify;
    color: #404040;
    font-family: 'Metropolis Medium';
}

a:hover {
    color: #F15E22;
    text-decoration: none;
}

.pengantar-container {
    max-width: 650px;
}

.img-profile {
    max-width: 190px;
}

.title-text {
    color: #404040;
    font-family: 'Metropolis Extra Bold';
}

.semarang-karya-img {
    height: 300px;
    object-fit: cover;
    /* transform: scale(1.1); */
    transition: all .5s;
}

.semarang-karya-img:hover {
    cursor: pointer;
    transition: all .5s;
    filter: opacity(0.75);
    /* transform: scale(1.3); */
}

#semarang-image-viewer {
    background-color: rgba(0, 0, 0, 0.75);
    height: 100vh;
    width: 100vw;
    position: fixed;
    z-index: 1;
}

#semarang-current-karya {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    object-fit: contain;
}

#semarang-btn-close-viewer {
    position: absolute;
    z-index: 2;
    right: 20px;
    top: 10px;
}

.semarang-btn-deskripsi {
    text-decoration: none !important;
    box-shadow: unset !important;
}

@media (max-width: 500px) {
    .img-profile {
        max-width: 220px;
    }
}