.contact-hero {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 20px 30px;
}

.contact-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: #303030;

    gap: 6px;
    padding: 12px;
    border-radius: 25px;
    width: 600px;
    height: 270px;
    font-family: "Lato Black", sans-serif;
    color: white;

    object-fit: cover;
    filter: drop-shadow(0px 3px 6px #000000);
    font-size: 25px
}

.contact-header {

    width: 100%;
    background: #181818;
    border-radius: 25px;

    box-shadow: 0px 5px 12px #000000;
}

.contact-container h1 {
    text-shadow: 0px 4px 4px #000000;
}

.contact-discord {
    color: deepskyblue;
}

.contact-email {
    color: mediumpurple;
}

.contact-arrow {
    color:gray;
}