.darkarea {
    color: #fff;
}

.padding-top80 {
    padding-top: 80px;
}

.the-headline {
    margin-bottom: 30px;
}

.quadrado {
    animation: crescendo 1.5s alternate infinite ease-in;
}

@keyframes crescendo {
    0% {
        transform: translate(20px, 20px);
    }
    100% {
        transform: translate(7px, 4px);
    }
}

.ser{
    background-color: rgb(49, 64, 105);
    padding: 12px;
    border-radius: 8px;
    margin-bottom: 10px;
    margin-top: 10px;
}

button.ser{
    background-color: rgb(49, 64, 105);
    padding: 12px;
    border-radius: 10px;
    margin-bottom: 10px;
    margin-top: 10px;
    border: 1px solid rgb(49, 64, 105);
}

.ser1{
    background-color: rgb(49, 64, 105);
    padding: 12px;
    border-radius: 8px;
    margin-bottom: 10px;
    margin-top: 10px;
}

.ser a{
    color: #ffd24a;
    text-decoration: none;
}

.ser1 a{
    color: #ffd24a;
    text-decoration: none;
}

.ser-img{
    border-radius: 20px;
    width: 100%;
    height: 340px;
}