body {
    background: rgb(239,244,232);
    background: linear-gradient(90deg, rgba(239,244,232,1) 0%, rgba(223,221,208,1) 20%, rgba(223,221,208,1) 80%, rgba(239,244,232,1) 100%);
}  

.container {
    text-align: left;
    font-family: Helvetica, sans-serif;
    margin: 0 15%;
    padding: 0 5%;
    border: solid #578BA0;
    border-width: 0px 15px;
}

@media only screen and (max-width: 60rem) {
.container {
        text-align: left;
        font-family: Helvetica, sans-serif;
        margin: 0;
        padding: 0 4%;
        border: solid #578BA0;
        border-width: 0px 15px;
    }
}

.lefttext {
	text-align: left;
}

.atlas-logo {
    width: 20%;
    margin: 0 auto;
    display: block;
}

@media only screen and (max-width: 80rem) {
    .atlas-logo {
        width: 60%;
        margin: 0 auto;
        display: block;
    }
}

.atlas-name {
    font-weight: bolder;
}

.flex-container {
    display: flex;
    justify-content: center;
}

.image-link {
    font-size: 0;
    width: 48px;
    height: 48px;
    background-repeat: no-repeat;
    background-position: 0%;
}

.discord-link {
    background-image: url("discord.svg");
}
.twitter-link {
    background-image: url("twitter.svg");
}
.patreon-link {
    background-image: url("patreon.svg");
}

.mail-link {
    background-image: url("email.svg");
}