@font-face {
    font-family: "susiSSP-b";
    src: url(/static/fonts/SourceSansPro-Bold.otf);
}
@font-face {
    font-family: "susiSSP-sb";
    src: url(/static/fonts/SourceSansPro-Semibold.otf);
}

:root {
    --primaryColor: black;
    --secondaryColor: #cd3c37;

    --backgroundColor: #222222;

    --textColor: lightgray;
    --specialTextColor: var(--secondaryColor);


    --standardMargin: 1ex;

    font-family: "susiSSP-sb";
    font-size: large;
}

body {
    max-width: 100%;
    margin: 0;
    padding: var(--standardMargin);
    overflow: auto;

    color: var(--textColor);
    background-color: var(--backgroundColor);
    background-image: url("/static/susi_background.webp");
}

header {
    text-align: center;
}

main-content {
    display: block;
    margin: auto;
}
@media (min-width: 970px) {
    main-content {
        max-width: 70%;
    }
}

h1, h2, h3, h4, h5, h6, b, strong, a {
    text-decoration: none;
    color: var(--specialTextColor);
}