.contactSection{
    width: 100vw;
    height: auto;
    background-color:#0b1019;
    overflow-x: hidden;

    display: flex;
    align-items: center;
    flex-direction: column;
}
.contactContent{
    margin-top: 5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-bottom: 7rem;
}
.contactContent > div:first-child{
    font-size: 10rem;
    font-weight: 700;
    line-height: 1;
    padding-top: 5rem;
    padding-bottom: .2em;
    opacity: 0;

}
.contactContent > div:nth-child(2){
    margin-top: 1rem;
    font-size: 1rem;
    letter-spacing: 2px;
    /* color: #6ae1fd; */
}
.icons{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5rem;
    padding: 2rem;
    font-size: 2rem;
    margin-top: 4rem;
}
.icons > div{
    cursor: pointer;
    width: 4.5rem;
    height: 4.5rem;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    /* background-color: #232830; */
    box-shadow: 0 -0.3em 2px #3c4047;
    transition:  box-shadow 2s;
    color: chartreuse;
}
/* .animated_text {
    color: #6de3ff; /* Initial color 
    animation: colorChange 1s infinite alternate; /* Animation name, duration, loop count, animation-direction 
  }
  
  @keyframes colorChange {
    from { color: #6de3ff; }
    to { color: #186374; }
  }  */

.githubIcon{
    border-radius: 50%;
    background: rgb(43, 3, 118);
    background: linear-gradient(104deg, rgb(30, 3, 80) 0%, rgb(114 0 105) 100%);
    font-size: 3rem;
}
.linkedinIcon{
    border-radius: 35%;
    background:  rgb(0, 119, 181);
    background: linear-gradient(104deg, rgb(8 61 88) 20%, rgb(98 199 253) 100%);
    font-size: 3rem;
}
.twitterIcon{
    padding: 6px;
    border-radius: 50%;
    background: rgb(0, 119, 181);
    background: linear-gradient(104deg, rgb(29, 161, 242) 20%, rgb(168 197 213) 100%);
    font-size: 2.3rem;
}
.mailIcon{
    padding: 6px;
    border-radius: 50%;
    background: rgb(234, 67, 53);
    background: linear-gradient(104deg,rgb(234, 67, 53) 20%, rgb(168 197 213) 100%);
    font-size: 2.3rem;
}
.icons > div:hover{
    box-shadow: none;
}