/* begin:body */

body {
    display: flex;
    justify-content: center;
    margin: 0 auto;

    background-color: var(--joosh-navy);
    margin-top: 25vh;
}

/* end:body */



/* begin:header-block */

.header-block {
    h1 {
        font-size: var(--fontXXL);
    }
}

/* end:header-block */



/* begin:main */

.main {
    background-color: var(--background);
    margin: 0px auto;
    width: 40ch;
    padding: var(--spaceM);
}    

/* end:main */



/* begin:error */

#error {
    outline: 1px solid var(--joosh-red);
    color: var(--joosh-red);
}    

/* end:error */



/* begin:media querey */

@media only screen and (max-width: 800px) {

    body {
        margin-top: 10vh !important;
    }

}

/* end:media querey */