@import url('https://fonts.googleapis.com/css2?family=Noto+Serif&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans&display=swap');

body {background-color: #edf1f6; margin: 16px 0; font-family: "Noto Sans"}

h1,h2 {font-family: "Noto Serif", serif; font-weight: normal;}
h3 {font-family: "Noto Sans", sans;}
h1 {background-color: #375870; color: #ffde59; margin-bottom: 0;}
h2 {margin: .4em 2em .7em; font-weight: bold;}
h2.second {font-size: 1.7em; margin-bottom: .4em;}
h2,h3,span.bullet {color: #375870;}
h1,h2 {text-align: center;}
h3 {font-size: 1.3em; margin-top: 2em; margin-bottom: 0;}
h3+p {margin-top: 0;}

span.space {font-size: .2em;}

div#wrapper {width: 95%; margin: auto;}

p {font-family: "Noto Sans", sans; font-size: 1.2em; line-height: 1.5em; margin-top: .5em; margin-bottom: .5em;}
h3+p.indent {margin-top: .2em;}
p#intro {text-align: center; width: 70%; margin-left: auto; margin-right: auto; font-weight: bold;}

a {color: #1960a3;}
a:visited {color: #573a6f;}
a:active {color: #64727d;}

p.indent {margin-left: 2em; text-indent: -1.2em;}

p#contact {text-align: center; background-color: #375870; margin-top: 2em; padding: 0.4em;}
p#contact a {color: #ffde59; font-size: 1.4em;}

label {font-size: 1.2em;}

input[type=text],textarea{
 font-size: 12pt;
 padding: 5px;
 background-color: #f8f8ff;
 border: 1px solid #889;
 border-radius: 2px;
}

input[type=text]:focus,textarea:focus{
 border: 1px solid #375870;
 background-color: #fff;
}

button[type=submit]{
 color: #ffde59;
 font-size: 1.2em;
 border: 0px;
 padding: 7px 10px;
 background-color: #375870;
 border-radius: 2px;
}

button[type=submit]:focus{
 color: white;
 background-color: #88f;
}

p#mjs {text-align: center;}

p#copy {text-align: center; font-style: italic; color: #375870; margin-top: 1em;}