body {
    font-family: 'Open Sans',"Segoe UI","Helvetica Neue",Arial,sans-serif;
    background: url("../../img/externalBackground.png");
    background-position: center top -180px;
    background-attachment: fixed;
}

.externalCard{
    width: 850px;
    padding: 24px;
    margin: 20px 0px;
    word-wrap: break-word;

    background-color: var(--spark-white);
    box-shadow: 0 2px 4px rgb(126 142 177 / 12%);
    border: 0 solid rgba(0,0,0,.125);
    border-radius: 20px;
}

@media only screen and (min-width: 780px) and (max-width: 1024px)  {
    .externalCard{
        width: 700px;
    }
}

@media only screen and (max-width: 780px){
    .externalCard{
        width: 95%;
    }
}

.externalContainer{
    width: 100vw;
    margin: 24px 0px 0px 0px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.externalLogo{
    width: 100px;
    margin: 24px 0px 0px 0px;
}

.externalHeader{
    color: var(--main-primary);
    margin: 12px 5px 24px 5px;
    font-family: 'Nunito', sans-serif;
    text-align: center;
}

.externalHeader--bold{
    font-weight: bold;
}

.externalHeader--margin-b-t{
    margin: 12px 5px;
}