.contact-container{
    /* width: 60%; */
    padding: 20%;
    padding-top: 200px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.contact-title{
    font-family: Lequire;
    font-size: 4em;

    color: var(--main);
}

.contact-card{
    padding: 50px;
    padding-left: 100px;
    padding-right: 100px;
    width: 100%;
    max-width: 300px;

    border-radius: 50px;
    margin-top: 50px;
    box-shadow: 0 10px 20px #969696;

    transition: all ease-in-out 0.2s;
}

.contact-card:hover{
    transition: all ease-in-out 0.2s;
    box-shadow: 0 5px 10px #969696;

}

.contact-line{
    width: 100%;
    padding-bottom: 20px;
    padding-top: 20px;

    display: flex;
    justify-content: space-between;
}

.contact-type{
    font-family: Lequire;
    color: var(--secondary);
}

.contact-type-value{
    color: var(--important);
}