/* --------------------------- section --------------------------- */
section{    
    width: 100%;
    min-height: 100vh;    
}

.section-container{    
    color: var(--dark-text-color);
    background-color: var(--navbar-color);
    width: 100%;
    min-height: 100vh;
    padding-top: 8vh;
    margin-bottom: 20rem;
    z-index: 2;
}

.section-container h1{
    margin: 1rem;
}
.section-header{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
}

/* --------------------------- slide-up --------------------------- */
.slide-up{
    cursor: pointer;
    opacity: 0.5;
    background-color: var(--dark-text-color);
    box-shadow: 1px 1px 4px 0 black;
    border-radius: 50%;
    transform: scale(0.3);
    position: fixed;
    bottom: -1.5rem;    
    right: -2.5rem;
    transition: 0.3s ease-in-out;
    z-index: 3;
}
.slide-up:hover{
    opacity: 1;
    background-color: var(--dark-blue-color);
    transform: scale(0.32);
}

/* ************************************** SMALL SCREEN ************************************** */
@media (max-width: 1023px) {
    .section-container{
        margin-bottom: 10rem;
    }

    .slide-up{
        transform: scale(0.25);   
        transition: 0.3s ease-in-out;     
    }
    .slide-up:hover{
        transform: scale(0.3);
    }
}