*, *::before, *::after {
  box-sizing: border-box;
}

html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  font-size: 18px;
}

body {
  text-rendering: optimizeLegibility;
  margin: 0px;
  padding: 0px;
  background: #323b4c;
}

nav {
    display: flex;
    column-gap: 10px;
    justify-content: center;
    background: transparent;
    padding: 5px 10px;
	margin: 1.5%;
	position: sticky;
	top: 0;
}

.btns {
    width: min(15ch, 20%);
    min-height: 2.75em;
    margin: 3px 0;
    border-radius: 15px;
    color: black;
    font-weight: 600;
    border: 2px solid black;
    background-color: #cfd4df;
    font-size: clamp(1rem, 2.5vw, 1.15rem);
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.btns.current {
  background-color: #8b95a7;
  border-color: #000;
  cursor: default;
  pointer-events: none; /* optional */
}

h1 {
  font-size: clamp(1.9rem, calc(5vw + 1rem), 4.5rem);
  line-height: 1.15;
  margin: 0;
  text-align: center;
}

h2 {
  font-size: clamp(1.5rem, calc(3.5vw + 0.75rem), 3rem);
  line-height: 1.2;
  margin: 0;
  text-align: center;
}

h3 {
  font-size: clamp(1.25rem, calc(2.5vw + 0.5rem), 2.2rem);
  line-height: 1.25;
  margin: 0;
  text-align: center;
}

h4 {
  font-size: clamp(1.1rem, calc(1.8vw + 0.4rem), 1.75rem);
  line-height: 1.3;
  margin: 0;
  text-align: center;
}

h5 {
  font-size: clamp(1rem, calc(1.2vw + 0.35rem), 1.4rem);
  line-height: 1.35;
  margin: 0;
  text-align: center;
}

h6 {
  font-size: clamp(0.95rem, calc(0.8vw + 0.3rem), 1.15rem);
  line-height: 1.4;
  margin: 0;
}

p,
li {
  font-size: clamp(1rem, 0.85rem + 0.5vw, 1.25rem);
  line-height: 1.6;
}

p {
	padding: .75rem 2rem;
	color: black;
	margin: 0;
}

ul,
ol {
  margin: 0 auto 1em auto;
  padding-left: 1.25em;
}

a {
	text-decoration: none;
}

.top {
  margin: 1.5%;
  padding: 0px;
  border: 5px #10181E solid;
  border-radius: 15px;
  background: white;
}

.mainbody {
	margin: 1.5%;
	padding: 0;
	border: 3px black solid;
	background-color: white;
    border-radius: 15px;
}

.odd {
	background-color: lightgray;
}

.bodyh3 {
  font-size: clamp(1.1rem, 2vw, 1.6rem);
  text-align: center;
}

.space-sm { height: 0.75rem; }
.space-md { height: 1.25rem; }
.space-lg { height: 2rem; }

.text {
	margin: 0px 1em;
	padding: 1rem 2rem;
	color: black;
}

.text img.goleft { 
    max-width: 150px; 
    min-width: 15%;
	margin-right: 1rem;
	height: auto; 
    float: left; 
}

.text img.goright {
    max-width: 150px; 
    min-width: 15%;
	margin-left: 1rem;
	height: auto; 
    float: right; 
}

.text img.goleftsyl { 
    max-width: 90px; 
    min-width: 15%;
	margin-right: 1rem;
	height: auto; 
    float: left; 
}

.textindented {
	margin: 0px 1em;
	padding: 1em 1em 1em 4em;
	color: black;
}

.headingcolor {
	margin: .2em .8em .2em .8em;
	border: 2px #000000 solid;
    border-radius: 15px;
	padding: .2em;
	background: #323b4c;
	color: white;
	text-align: center;
}