@media print {

    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important
    }

    a,
    a:visited {
        text-decoration: underline
    }

    a[href]:after {
        content: " ("attr(href) ")"
    }

    abbr[title]:after {
        content: " ("attr(title) ")"
    }

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: ""
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    tr,
    img {
        page-break-inside: avoid
    }

    img {
        max-width: 100% !important
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3
    }

    h2,
    h3 {
        page-break-after: avoid
    }
}

pre,
code {
    font-family: Menlo, Monaco, "Courier New", monospace
}

pre {
    padding: .5rem;
    line-height: 1.25;
    overflow-x: scroll
}

a,
a:visited {
    color: #3498db
}

a:hover,
a:focus,
a:active {
    color: #2980b9
}

.modest-no-decoration {
    text-decoration: none
}

html {
    font-size: 12px
}

@media screen and (min-width:32rem) and (max-width:48rem) {
    html {
        font-size: 15px
    }
}

@media screen and (min-width:48rem) {
    html {
        font-size: 16px
    }
}

body {
    line-height: 1.85;
    background-color: #ffffff
}

p,
.modest-p {
    font-size: 1.18rem;
    margin-bottom: 1.3rem
}

#home {
    margin-bottom: 0;
    margin-top: 0
}

h1,
.modest-h1,
h2,
.modest-h2,
h3,
.modest-h3,
h4,
.modest-h4 {
    margin: 1.414rem 0 .5rem;
    font-weight: inherit;
    line-height: 1.42
}

h1,
.modest-h1 {
    margin-top: 0;
    font-size: 5.5rem
}

h2,
.modest-h2 {
    font-size: 2.827rem
}

h3,
.modest-h3 {
    font-size: 1.999rem
}

h4,
label
.modest-h4 {
    font-size: 1.5rem
}

h5,
.modest-h5 {
    font-size: 1.121rem
}

h6,
.modest-h6 {
    font-size: .88rem
}

small,
.modest-small {
    font-size: .707em
}

img,
canvas,
iframe,
video,
svg,
select,
textarea {
    max-width: 100%
}

@import url(https://fonts.googleapis.com/css?family=Neucha);
@import url(https://fonts.xz.style/serve/inter.css);

html {
    font-size: 18px;
    max-width: 100%
}

h4,
body {
    color: #444;
    font-family: 'Inter', Arial, sans-serif;
    font-weight: 300;
    margin: 0 auto;
    max-width: 48rem;
    line-height: 1.45;
    padding: .25rem
}

footer,
h4 {
    text-align: center
}

h1,
h2,
h3,
h5,
h6 {
    font-family: 'Neucha', Arial, sans-serif
}

header {
    text-align: center
}

blockquote {
    border-left: 8px solid #fafafa;
    padding: 1rem
}

pre,
code {
    background-color: #fafafa
}

textarea {
    width: 75%;
    margin: 12px 0;
    font-size: 1rem
}

input[id=submission] {
    width: 25%;
    height: 50px;
    font-size: 1.1rem
}

#info {
    height: 150px;
}

#submission {
    font-size: 1.5rem
}

form {
    margin-top: 50px;
}

input[id=login] {
    width: 15%;
    height: 40px;
    font-size: 1.2rem
}

#username,
#password {
    height: 20px;
}

form[id=login] {
    text-align: center
}

input[type="Submit"] {
    width: 20%;
    height: 60px;
    font-size: 1.5rem;
}

#submissionBody {
    border-style: solid;
    border-width: 1px 1px;
    margin-top: 17px;
    padding-top: 2px
}

ul {
    font-size: 1.414rem;
    margin-top: 0
}

#version {
    font-size: 1.15rem;
}

#title,
div#curriculums {
    text-align: center;
}

div#curriculums {
    margin: 20px 0 30px 0
}

a.curriculum {
    font-size: 1.7rem;
    margin: 0 5px 0 5px;
    padding: 0 25px 0 25px;
    text-decoration: none;
    border-style: solid;
    border-radius: 10px;
}

#notice {
    width: 100%; 
    background-color: #d5eeff;
    padding: 1px 15px 25px 15px;
    border-radius: 25px;
}
#notice h2 {
    font-size: 2.2rem; 
    font-family: 'Arial', sans-serif;
    margin-top: 10px
}
#message {
    width: 100%; 
    padding: 1px 15px 25px 15px;
    border-radius: 25px;
}
#update {
    font-size: 1.2rem; 
    margin-top: 0rem; 
    margin-bottom: 0.5rem
}
select#curriculum {
    font-family: 'Inter', Arial, sans-serif;
    font-size: 1.2rem;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    background-color: #f9f9f9;
    color: #333;
    margin: 3% 0 3% 0;
}
div.h-captcha {
    margin: 2% 0 2% 0;
}