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

body {
font-family: 'Noto Sans', sans-serif;
font-size: 14pt;
background-color: #b4c7dc;
}

h1 {text-align: center; margin-top: .1em; font-size: 1.7em;}

h2 {text-align: center; font-size: 1.5em;}

h3 {font-size: 1em;}
h3 + p {margin-top: -1em;}

img#icon {
display: block; margin: -1em auto -0.8em auto; 
width: 5.5556em; background-color: white;
border: 0.1111em solid #055; border-radius: 0.2778em; 
}

p#contact {text-align: center;}

div.main {
margin: auto; padding: 0.05em 1.2222em 0.05em;
width: 55.5556em; max-width: 90vw;
background-color: rgba(255, 255, 255, 0.7);
border-radius: 0.1667em; 
}

p.prelist {margin-bottom: 0.2em;}
p.prelist + ol {margin-top: 0;}

li {padding-bottom: .4em;}
li:last-of-type {padding-bottom: 0em;}

input,textarea {font-size: 14pt; padding: 0.2em;}

button[type=submit]{
 color: white;
 font-family: 'Noto Sans', sans-serif;
 font-size: 14pt;
 border: 0px;
 padding: 8px 11px;
 background-color: #515a6b;
 border-radius: 2px;
}

button[type=submit]:hover{
 background-color: #3f4657;
}

button[type=submit]:focus{
 background-color: #d7def1;
}

p.indent {text-indent: 0pt; margin-top: .5em; margin-bottom: .5em;}

p.left {text-align: left;}

p.copyright {font-style: oblique; color: #333; text-align: center;}