#sub-title{
    color: white;
    font-size: 1.2rem;
    /* margin: 1.5rem 0 2rem 0; */
    margin: 0.5rem 0 0 0;
}

.key-form{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 2rem 0 0 0;
}

#errors-container{
    color: white;
}

.key-buttons-group{
    margin: 1rem 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.5rem;
}

.key-buttons{
    /* margin: 0 0.25rem; */

    display: inline-block;
    cursor: pointer;
    border-radius: 75px;
    padding: 5px 27px;
    /* padding: 13px 27px; */
    font-family: 'Roboto', sans-serif;
    color: white;
    font-size: 23px;
    font-style: normal;
    font-weight: 600;
    text-align: center;
    white-space: nowrap;
    transition: all .3s ease-in-out;

    /* disables mobirise transition */
    -webkit-animation-name: none;
    animation-name: none;
}

.key-buttons:hover{
    opacity: 0.8;
    /* background-color: #2a747e; */
}

#key-button-linkvertise{
    background-color: #d18f5c;
}

#key-button-workink{
    background-color: #40B0BF;
}

#key-button-cefrus{
    background-color: #40B0BF;
}

#key-button-reaper{
    background-color: #40B0BF;
}

#key-button-lootlabs{
    background-color: #bf409f;
}

/* @media only screen and  (max-width: 550px) {
    .key-buttons-group{
        margin: 1rem 0;
    }
    
    .key-buttons{
        margin: 0.5rem 0;
    }
} */