:root {

    --screen-p: 100px;

}

*{

    scroll-behavior: smooth;

}


/* header{

    background: linear-gradient(rgba(0, 0, 0, 0.884), rgba(0, 0, 0, 0.829)), url(../img/backheader.png);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
} */

button{
    cursor: pointer;
}

body::-webkit-scrollbar {
    width: 4px;
    background-color: #1E1E1E;
}
body::-webkit-scrollbar-thumb {
    width: 4px;
    background-color: #870F85;
    border-radius: 999px;
}

.max-content{

    margin: 0 auto;
    max-width: 1300px;
    width: 100%;
    padding: 0 30px;

}

.animer{

    transition: all .3s ease;  
    box-shadow: 0 0 0 0 #c9a050;
    animation: pulso 1.5s infinite;

}

.animer:hover{

    transform: scale(1.05);

}

.bg-gradient{

    /* background: linear-gradient(90deg, rgba(232,131,1,1) 0%, rgba(162,36,70,1) 45%, rgba(214,36,61,1) 100%); */

    background-color: #c9a050;
    color: white;

}

.cidade{

    background-image: url('../img/cidade.png');
    background-position: center bottom;
    min-height: 900px;

}


@keyframes pulso {
    0% {
        transform: scale();
    }

    70% {
        transform: scale();
        box-shadow: 0 0 0 20px rgba(69, 152, 27, 0);
    }

    100% {
        transform: scale();
        box-shadow: 0 0 0 0 rgba(69, 152, 27, 0);
    }
}

.showing{

    opacity: 1;

}

.title i{
    transition: all .6s ease;
}

.todown{
    transform: rotate(180deg);
}

.bg-image {
    background: linear-gradient(
        #870f85d7, 
        #870f85d7
    ), url('../img/equipe.jpg');
    background-size: cover;

}


@media (max-width: 504px) {
    
    .max-content{

        padding: 0 10px;

    }

}