body {
    background-color: #323c41;
    color: #dddddd;
    font-family: 'Inter', Roboto, Arial, Helvetica, Sans-Serif;
    font-weight: 500;
    padding: 1em;
}

h1 {
    #font-variant: small-caps;
    text-align: center;
    text-shadow: 3px 3px 5px #323c41;
}

div.main {
	text-align: left;
    margin: auto;
	/*background-color: #0067a5;*/
    background-color: #00436b;
	padding: 1em;
	border-radius: 1em;
    line-height: 110%; 
}

@media screen and (min-width: 1081px) {
    div.main { width: 920px; }
}

@media screen and (max-width: 1080px) {
	div.main { width: 90%; }
}

a {
    color: #c1e1ff;
    text-decoration-style: solid;
}

a:hover {
    text-decoration-style: dotted;
}

a:visited {
    color: #deb5ff;
}

ul.nobullets li {
    list-style-type: none;
}

footer {
    font-style: italic;
    margin: 1em;
    padding: 5px;
    background-color: #003b5f;
}

img,
picture,
video {
  max-width: 100%;
}