/*---------------------------------------
 *                                      *
 *       Add Your Custom CSS Here       *
 *                                      *
 ---------------------------------------*/
center > .profile-banner-1,
center > .profile-banner-2 {
    max-width: 390px;
    max-height: 350px;
}

.discord-iframe {
    border-radius: 20px;
    border: 3px solid #5D6AF2;
    overflow: hidden;
    background-color: #5D6AF2;
    max-width: 350px;
    height: 350px;
}

@media (max-width: 390px) {
    center > .profile-banner-1,
    center > .profile-banner-2
    {
        width: 100%;
    }
    .discord-iframe {
        width: 100%;
    }
}

#particle-background {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.features {
    background-color: transparent;
}

section#main-body {
    background-color: transparent;
}

.support-links {
    background-color: transparent;
}

.support-links > .row {
    display: flex;
    align-items: stretch;
}


.support-links > .row .hylink-holder:first-child {
    background-color: #eaf2fedd;
}

.support-links > .row .hylink-holder:last-child {
    background-color: #f4f8fedd;
}

.footer {
    background-color: #111a2bee;
}

.heading-with-cloud .texts-container {
    line-height: normal;
}

.heading-with-cloud .images-container {
    top: 85px !important;
    opacity: 0.8;
}

@media (max-width: 768px) {
    .support-links > .row {
        display: block;
        align-items: stretch;
    }
}