body {
    font-family: 'Roboto Condensed', sans-serif;
    color: #3b3b3b;
}

.title-box {
    font-family: 'Anton', sans-serif;
}

.title-box h1 {
    font-size: 4.500rem;
    line-height: 1.2;
}

.text-intro {
    font-size: 20px;
    line-height: 22px;    
}

.btn-clase {
    border: none;
    padding: 5px 15px;
    background-color: #f2f2f2;
    font-size: 18px;
    cursor: pointer;
}

.btn-clase .st1 {
    fill: #3b3b33 !important;
}

.btn-clase.active {
    background-color: #3b3b3b;
    color: white;
}

.btn-clase.active .st1 {
    fill: white !important;
}

.card-person {
    background-color: #c2de60;
    cursor: pointer;
    transition: all 0.8s;
    min-height: 247px;
}

.card-person.rotate {
    transform: rotateY(360deg);
}

.card-person.negative {
    background-color: #2b2b5a;
    color: white;
    padding: 1%;
}

.bloque-texto {
    line-height: 1;
    margin-bottom: 10px;
    color: lightgrey;
}

.subtitle {
    font-size: 14px;
    color: white;
}

.cont-arrow>svg {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-left: 5px
}

/* as */