.main_icons {
    position: fixed;
    top: 360px;
    right: 10;
    z-index: 5;
    overflow: hidden;
    /* border-radius: 0px 45px 45px 0px; */
    padding: 10px;
    /* height: 300px; */

    img{
        width: 25px;
        height: 25px;
    }
}

.mail {
    display: flex;
    margin-bottom: 15px;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    background-color: rgba(193, 152, 56, 0.8);
    border-radius: 50%;
    height: 50px;
    width: 50px;

    &:hover{
        background-color: rgba(246, 195, 77, 0.8);
        transform: scale(1.1);
        
    }
}

.whatsapp {
    display: flex;
    margin-bottom: 15px;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    background-color: rgba(23, 122, 60, 0.8);
    border-radius: 50%;
    height: 50px;
    width: 50px;

    &:hover{
        background-color: rgba(37, 211, 102, 0.8);
        transform: scale(1.1);
    }
}

.phone {
    display: flex;
    margin-bottom: 15px;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    background-color: rgba(181, 6, 6, 0.8);
    border-radius: 50%;
    height: 50px;
    width: 50px;

    &:hover{
        background-color: rgba(243, 9, 9, 0.8);
        transform: scale(1.1);

    }
}

@media (max-width: 650px) {
    .main_icons{
        transform: scale(0.8);
        top: 260px;
    }
}