#contactText {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.socials {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    max-width: calc(min(400px, 80vw)) !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 50px;
    margin-bottom: 00px;

}

.socials a {
    font-size: 3rem;
    color: rgba(255, 255, 255, 0.94);
    -webkit-text-fill-color: rgba(255, 255, 255, 0.71);
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: rgba(255, 255, 255, 0.52);
    -webkit-transition-duration: 2s;
    -o-transition-duration: 2s;
    transition-duration: 2s;
}

.socials a:hover {
    scale: 1.5;
    color: white !important;
    -webkit-text-fill-color: rgba(255, 255, 255, 0.9);
}

#sayHello {
    margin-top: 50px;
    font-size: 3rem;
    border: 1px solid rgba(255, 255, 255, 0.276);
    background-color: rgba(163, 224, 224, 0.039);
    padding: 20px;
    border-radius: 10px;
    -webkit-transition-duration: 2s;
    -o-transition-duration: 2s;
    transition-duration: 2s;
    cursor: pointer;
    -webkit-box-shadow: 0px 0px 10px 1px rgba(255, 255, 255, 0.34);
    box-shadow: 0px 0px 10px 1px rgba(255, 255, 255, 0.34);
    text-decoration: none;
}

#sayHello:hover {
    -webkit-backdrop-filter: brightness(900%);
    backdrop-filter: brightness(900%);
    scale: 1.1;
    background-color: rgba(143, 192, 187, 0.153);
    -webkit-box-shadow: 0px 0px 20px 5px rgba(197, 251, 255, 0.54);
    box-shadow: 0px 0px 20px 5px rgba(197, 251, 255, 0.54);
}