:root {

    --screen-p: 100px;
    --default-gradient: linear-gradient(90deg, rgba(232,131,1,1) 0%, rgb(221, 52, 97) 45%, rgb(250, 62, 87) 100%);

}

*{

    scroll-behavior: smooth;

}

button{
    cursor: pointer;
}

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

.max-content{

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

}

.animer{

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

}

.animer-secondary {

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

}

.animer:hover, .animer-secondary: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%);

}

.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);
}

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

        padding: 0 10px;

    }

}