@import './common.css';


#contact .contact{
    flex-direction: column;
    max-width: 1200px;
    width: 0 auto;
}

#contact .contact-items{
    width: 350px;
}

#contact .contact-item{
    width: 80%;
    /* max-width: 500px; */
    height: auto;
    /* padding: 10px; */
    text-align: center;
    border-radius: 10px;
    padding: 20px;
    margin: 30px auto;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0px 0px 10px 0 #7c7c81;
    flex-direction: column;
    transition: .3s ease-in-out box-shadow;
    background: rgb(91, 214, 188);
}
#contact .contact-item:hover{
    box-shadow: 0px 0px 5px 0 #7c7c81;
    /* transition: .3s ease-in-out box-shadow; */
    
}

#contact .icon{
    max-width: 15%;
    height: auto;
    margin: 0 auto;
    margin-bottom: 10px;
}

#contact .contact-info h1{
    font-size: 2.5 rem;
    font-weight: 500;
    margin-bottom: 10px;
}
#contact .contact-info h2{
    font-size: 1.3 rem;
    font-weight: 500;
    line-height: 2 rem ;
}