#support-us-wrapper {
    width: 100%;
    height: fit-content;
    display: flex;
    flex-direction: column;
    margin-top: 10dvh;
}

#introduction {
    display: flex;
    flex-direction: row;
    width: 80dvw;
    margin: 7dvh auto 17dvh auto;
    text-align: justify;
}

#little-title {
    text-transform: uppercase;
    letter-spacing: 0.3rem;
}

#support-site-support-btn {
    border: none;
    margin-top: 1rem;
    width: 50%;
    padding: 0.5dvw;
    padding-inline: 1vw;
    border-radius: 10rem;
    text-decoration: none;
    color: white;
    display: block;
    text-align: center;
    margin-inline: auto;
    background: linear-gradient(34deg, rgba(255, 19, 219,1), rgba(136, 30, 255, 1));
    letter-spacing: 0.15rem;
    transition: 0.3s;
    box-shadow: 0 0 0.3dvw grey;
    text-transform: uppercase;
}

#support-site-support-btn:hover {
    box-shadow: 0 0 0.9dvw grey;
}

.support-intro-plus-btn-container {
    margin: auto auto auto 0;
    width: 40dvw;
}

.support-intro-plus-btn-container h1 {
    margin-bottom: 2rem;
}

#support-us-img {
    height: 25rem;
    aspect-ratio: 1 / 1;
}

#support-us-toggle-info {
    width: 60dvw;
    display: none;
    text-align: justify;
    margin: 0 auto 17dvh auto;
}

#support-us-toggle-info h1 {
    text-align: left;
    margin-bottom: 7dvh;
}

#support-us-toggle-info p {
    margin-inline: auto;
    width: 70%;
}

#support-show-less {
    display: none;
    text-transform: uppercase;
}

#contact-btn {
    border: 1px solid rgb(255,16,216);
    margin-top: 8dvh;
    width: 50%;
    padding: 0.5dvw;
    padding-inline: 1vw;
    border-radius: 10rem;
    text-decoration: none;
    color: #36174d;
    display: block;
    text-align: center;
    margin-inline: auto;
    background-color: transparent;
    letter-spacing: 0.15rem;
    text-transform: uppercase;
}

#contact-btn:hover {
    background-color: rgba(255,16,216,0.1);
}

.account-table {
    width: 60%;
    margin: 2rem auto;
    box-shadow: 0 0 0.3rem #9b9b9b;
    border-radius: 1rem;
    padding: 1rem 1rem 0 1rem;
    display: flex;
    flex-direction: column;
    background: linear-gradient(34deg, rgba(255, 19, 219,0.1), rgba(136, 30, 255, 0.1));
}

.account-table-row {
    display: flex;
    flex-direction: row;
    margin-bottom: 1rem;
}

.gradient-font {
    background-image: linear-gradient(34deg, rgba(255, 19, 219,1), rgba(136, 30, 255, 1));
    color: transparent;
    background-clip: text;
}