* {box-sizing: border-box;}
a {color:#00C9C9;}
a.button {display:inline-block;text-decoration:none;}
#back {align-items:center;background-color:#F2FFFE;border-radius:0 0 15px 0;display:block;left:0;margin:0;padding:13px 13px 8px 8px;position:fixed;top:0;z-index:98;}
body {background-color:#F2FFFE;color:#066767;display:flex;flex-direction:column;font-family:sans-serif;font-size:medium;height:100%;margin:0;left:0;position:absolute;padding:0;text-align:center;top:0;width:100%;}
.callout,footer {color:darkgray;font-size:small;}
#content {flex-grow:1;padding:2.5em 18px 18px 18px;}
.error {color:#FFAAAA;}
.fadeinable {animation-name:fadein;animation-duration:0.75s;}
@keyframes fadein {from {opacity:0;} to {opacity:1;}}
h1,h2,h3,h4 {font-weight:bold;margin:0;}
h1 {font-size:xx-large;padding:0.5em 0 0.5em 0;}
h2 {font-size:x-large;padding:0.4em 0 0.4em 0;}
h3 {font-size:large;padding:0.3em 0 0.3em 0;}
h3 {font-size:medium;padding:0.2em 0 0.2em 0;}
hr {background-color:lightgray;border:0;height:1px;width:50%;max-width:400px;}
.icon {font-size:1em;max-width:1em;max-height:1em;}
.icon.rainforest {filter:invert(31%) sepia(25%) saturate(1938%) hue-rotate(136deg) brightness(92%) contrast(95%);}
.iconable {background-color:white;border:1px solid #00C9C9;border-radius:15px;color:#066767;display:inline-block;padding:3px 0 3px 3px;margin:0.3em;}
.iconable input {border:0;}
.iconable input:focus {border:0;outline:0;}
.iconable:has(input:focus) {outline:3px solid #BAF5F5;}
.iconable span {padding:0 3px 0 8px;}
.iconable span:has(+input:disabled) {color: darkgray;}
.iconable:has(input.errored) {border-color:red;}
img.icon {max-height:1.2em;max-width:1.2em;}
img.icon.white {filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(1%) hue-rotate(266deg) brightness(103%) contrast(101%);}
img.icon.rainforest {filter: brightness(0) saturate(100%) invert(29%) sepia(26%) saturate(1662%) hue-rotate(133deg) brightness(100%) contrast(95%)}
input,.button {background-color:white;border:1px solid #00C9C9;border-radius:15px;color:#066767;}
input[type=clear],input[type=submit],.button {background-color:white;border:1px solid #00C9C9;border-radius:15px;color:#00C9C9;font-size:large;padding:5px;width:66vw;max-width:300px;}
input:disabled,input:hover:disabled {color:darkgray;border:1px solid darkgray;}
input[type=checkbox],input[type=checkbox]:before,input[type=checkbox]:after,input[type=checkbox]:checked:before,input[type=checkbox]:checked:after,input[type=submit]:hover,.button,footer,.smoothable {transition:ease 0.5s;-webkit-transition:ease 0.5s;-moz-transition:ease 0.5s;-o-transition:ease 0.5s;}
input[type=checkbox] {-webkit-appearance: none;-webkit-tap-highlight-color:transparent;border:0;cursor:pointer;outline:0;position:relative;margin:10px;vertical-align:middle;}
input[type=checkbox]:after {content:'';width:60px;height:28px;display:inline-block;background-color:lightgray;border-radius:15px;clear:both;}
input[type=checkbox]:before {background:white;border-radius:50%;border:1px solid #00C9C9;box-shadow:1px 1px 2px rgba(0, 0, 0, 0.6);content:'';width:32px;height:32px;display:block;position:absolute;left:0;top:-3px;}
input[type=checkbox]:checked:before {box-shadow:-1px 1px 2px rgba(0, 0, 0, 0.6);left:32px;}
input[type=checkbox]:checked:after {background-color:#95DBDB;}
input[type=checkbox]:disabled:before {background-color:lightgray !important;}
input[type=checkbox]:disabled {background-color:lightgray;border:0;}
input.errored,input:invalid {border-color:red;outline-color:red;}
.interactable {color:#00C9C9;border:1px solid #00C9C9;border-radius:50%;}
.flexible {align-content:center;align-items:baseline;display:flex;flex-wrap:wrap;justify-content:center;column-gap:1.25em;width:100%;}
fieldset {border:1px solid #00C9C9;border-radius:15px;margin:1em;}
footer {background-color:#F2FFFE;color:darkgray;display:flex;flex-wrap:wrap;justify-content:center;gap:0.3em 1em;padding:0.75em 1em 4em 1em;width:100%;}
footer address {display:inline;font-style:normal;}
footer,.smol {font-size:small;}
form {margin:0;padding:0;}
label span:has(+input[type="checkbox"]) {cursor:pointer;}
ol,ul {display:inline-block;text-align:left;}
p {margin:0;padding:1em;}
.primary,input[type=clear].primary,input[type=submit].primary,.button.primary {background-color:#00C9C9;color:white;}
.primary:hover,input[type=clear].primary:hover,input[type=submit].primary:hover,button.primary:hover,input[type=clear]:hover,input[type=submit]:hover,.button:hover,.button.primary:hover,#menu:hover::before,input[type=checkbox]:hover:before {background-color:#BAF5F5;color:#00C9C9;cursor:pointer;}
#logo {background-color:#F2FFFE;border-radius:0 15px 0 0;bottom:0;font-size:1.4em;left:0;padding:8px 13px 3px 8px;position:fixed;z-index:97;}
#logo img {max-height:1.4em;}
#menu {position:fixed;right:0;top:0;z-index:99;}
#menu div {background-color:#F2FFFE;border:1px solid #95DBDB;border-radius:0 0 0 15px;border-width:0 0 1px 1px;box-shadow:0 4px 8px #00000014,0 6px 10px #00000013;padding:8px 8px 8px 13px;position:fixed;right:-200%;top:0;transition:all 0.5s ease;}
#menu div p {justify-content:right;text-align:right;}
.infocon {align-items:center;display:flex;gap:0.3em;justify-content:center;text-align:center;}
#menu:hover div {right:0;}
#menu::before {content:"⋯";font-weight:bold;font-size:1.5em;background-color:white;border:1px solid #00C9C9;border-radius:15px;box-shadow:0 4px 8px #00000014,0 6px 10px #00000013;display:inline-block;margin:0.3em;padding:0.2em 0.4em 0 0.4em;color:#00C9C9;cursor:pointer;max-height:1em;text-align:right;}
@keyframes slidein {from {right:-425px;} to {right:0}}
.smol img.icon {max-height:1em;max-width:1em;}
#submission {display:none;}
.success {color:#66AA66;}
.tablet {align-content:center;border:1px solid #00C9C9;border-radius:50%;display:inline-block;height:1.5em;padding:0.5em;text-align:center;width:1.5em;}
a.tablet {padding:0;text-decoration:none;}
.warning {color:#FFAA66;}
