/* ---------------------------------------------
Table of contents
------------------------------------------------
00-comman-sab-page-me-lagu
01-index page
02-contact page
--------------------------------------------- */


/* =========================================
00 - common
========================================= */

.section {
    background: linear-gradient(rgba(0, 0, 0, 0.062), rgba(55, 0, 255, 0.001), rgba(128, 114, 255, 0.13));
    padding: 80px 0px;
    border-radius: 100px 100px;
}

.section-title {
    text-align: center;
    text-transform: uppercase;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
    margin-top: 30px;
    margin-bottom: 50px;
}

@media (max-width: 992px) {
    .section {
        background: linear-gradient(rgba(0, 0, 0, 0.062), rgba(55, 0, 255, 0.001), rgba(128, 114, 255, 0.13));
        border-radius: 50px 50px;
        padding: 80px 0px;
    }
    .section-title {
        text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
        margin-top: 30px;
        margin-bottom: 50px;
    }
}

@media (max-width: 768px) {
    .section {
        background: linear-gradient(rgba(0, 0, 0, 0.212), rgba(55, 0, 255, 0.001), rgba(128, 114, 255, 0.13));
        border-radius: 25px 25px;
        padding: 50px 0px;
    }
    .section-title {
        text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
        margin-top: 30px;
        margin-bottom: 50px;
    }
}


/* =========================================
01 - index page
========================================= */

#portfolio p {
    text-align: justify;
}


/* =========================================
02 - contact-page-design
========================================= */

.social-icon:hover {
    box-shadow: 1px 1px 3px rgba(39, 38, 38, 0.473);
    transition: all .1s ease-in;
}