@font-face {
    font-family: "ednaTitle";
    src: url("LeMurmure-Regular.woff2");
}

@font-face {
    font-family: "ednaText";
    src: url("SpaceGrotesk.woff2");
}


body {
    font-size: 1.2em;
    font-family: "ednaText", sans-serif;
    background-color: white;
    color: black;
}

.responseText {
    white-space: pre-wrap;
    text-indent: 0;
}

h1#siteHeader {
    font-family: "ednaTitle", sans-serif;
    margin-top: 1.2em;
    margin-bottom: 0em;
}
.siteHeaderLink {
    text-decoration: none !important;
    color: inherit;
}

h2 {
    font-size: 1.2em;
}

#bodyWrapper {
    max-width: 46rem;
    margin: 0 auto;
    padding-left: 0.5em;
    padding-right: 0.5em;
}

.notice {
    font-size: 0.7em;
    color: gray;
}

.validationError {
    font-size: 0.7em;
    color: red;
}

.invisible {
    display: none;
}

#loadingReviewIndicator {
    font-size: 1.2em;
    margin-top: 1em;
    padding-left: 1.5em;
}

form button[type=submit] {
    font-size: 1em;
}

.resultImageWrapper img {
    max-width: 90%;
    max-height: 90%;
    display: block;
    margin: auto;
    border-radius: 10px;
    font-size: 0.7em;
    color: gray;
}

.resultPageUserComments {
    margin-top: 2em;
    max-width: 70%;
    margin-left: auto;
    margin-right: auto;
    font-weight: lighter;
    border-left: 3px;
    border-color: black;
    border-left-style: solid;
    padding-left: .3em;
    font-size: 0.9em;
}

#reviewForm textarea {
    border-radius: 5px;
    margin-top: .25em;
    font-size: 1em;
}

#sketchLoadingIndicator {
    font-weight: bold;
}

.tryAnotherLink,
#screenshotButtons {
    margin-top: 2em;
    margin-right: 1em;
}

#screenshotButtons > button {
    margin-right: 1em;
}