html {
    height: 100%;
    padding: 0;
}

body {
    background-color: #200064;
    color: #ffffff;
    display: flex;
    flex-direction: column;
    font-family: "Inter", Arial, Helvetica, sans-serif;
    padding: 2em;
}


h1 {
    background-size: 300px;
    margin-bottom: 1em;
}

h1 img {
    height: 535px;
}

h2,
h3,
h4,
h5,
h6 {
    font-family: "Inter", sans-serif;
    font-weight: bold;
    margin-bottom: 1em;
    text-transform: uppercase;
}

h2 {
    margin-top: 1.7em;
}

p {
    margin-bottom: 1em;
}

p.lead-para {
    font-weight: bold;
}

a:link,
a:visited,
a:hover,
a:active {
    color: #fff;
}

ul {
    margin-bottom: 1em;
}

li {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.sign-up .failure,
.sign-up .server-failure {
    border: 1px solid #fe5a51;
    border-radius: 5px;
    padding: 11px;
    margin-bottom: 1em;
}

.sign-up .success {
    border: 1px solid #d5e600;
    border-radius: 5px;
    padding: 11px;
    margin-bottom: 1em;
}

.sign-up .form {
    display: block;
}

.sign-up .success,
.sign-up .failure,
.sign-up .server-failure {
    display: none;
}

.sign-up.sign-up-success .success {
    display: block;
}

.sign-up.sign-up-success .form,
.sign-up.sign-up-success .failure,
.sign-up.sign-up-success .server-failure {
    display: none;
}

.sign-up.sign-up-failure .form,
.sign-up.sign-up-failure .failure {
    display: block;
}

.sign-up.sign-up-failure .success,
.sign-up.sign-up-failure .server-failure {
    display: none;
}

.sign-up.sign-up-server-failure .form,
.sign-up.sign-up-server-failure .server-failure {
    display: block;
}

.sign-up.sign-up-server-failure .success,
.sign-up.sign-up-server-failure .failure {
    display: none;
}

.sign-up .control {
    margin-bottom: 0.5em;
}

.sign-up label {
    display: block;
    font-size: 0.8em;
}

.sign-up input[type=text],
.sign-up input[type=email] {
    border: 1px solid #200064;
    border-radius: 7px;
    padding: 5px;
    width: 100%;
}

.sign-up input[type=submit] {
    background: #78cbfd;
    border: none;
    border-radius: 7px;
    color: #200064;
    cursor: pointer;
    font-family: "Antonio", sans-serif;
    font-weight: bold;
    margin-top: 10px;
    padding: 7px 30px 3px;
    text-transform: uppercase;
}

.themes li {
    list-style-type: decimal;
}

.sponsors {
    display: grid;
    gap: 10px;
    grid-template-columns: 1fr 1fr;
    margin: 0 0 1em;
    padding: 0;
    width: 100%;
}

.sponsors li {
    justify-self: center;
}

.get-involved a.major-link {
    color: #78cbfd;
    font-weight: bold;
    text-decoration: none;
}

.hide {
    display: none;
}

.content {
    max-width: 580px;
}

a.button-link {
    background: #78cbfd;
    border-radius: 5px;
    color: #200064;
    font-family: "Antonio", sans-serif;
    font-weight: bold;
    padding: 11px 1em 8px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}

@media only screen and (min-width: 580px) {

    h1 {
        background: url('/img/icons_nt4g.png') no-repeat bottom right;
        background-size: 300px;
    }

    .sponsors {
        grid-template-columns: 1fr 1fr 1fr;
    }
}

@media only screen and (min-width: 445px) {
    .sign-up {
        max-width: 445px;
    }
}