/* The navigation bar */
.navbar {
  overflow: hidden;
  background-color: #001802;
  position: fixed;
  top: 0; 
  height: 100%;
  left:0;
}

/* Links inside the navbar */
.navbar a {
  float: bottom;
  display: block;
  font-weight:bold;
  color: #f2f2f2;
  text-align: center;
  padding: 1.2em 0.6em;
  font-size:max(1.6vh,14px);
  text-decoration: none;
}

/* Change background on mouse-over */
.navbar a:hover {
  background: #ddd;
  color: black;
}

.selectedbutton {
  background-color:#005004;
  color: #f2f2f2;
}

.main {
  margin-top:0.8em;
  margin-right:0.8em;
  margin-left:7.2em;
} 

h2 {
  font-size: 180%;
}

.heading1 {
  font-size: 180%;
  font-weight:bold;
  line-height:1.22;
}

.heading2 {
  font-size: 115%;
  font-weight:bold;
  line-height:1.8;
  color:#F9C413;
}

.heading3 {
  font-size: 115%;
  font-weight:bold;
  line-height:1.8;
  color:#F9C413;
  text-decoration:underline;
}

ul {
  margin-top:-2px;
}

.textarea {
  max-width:min(60em,70vw);
}

.headerbackground {
  background-color:#002302;
  top: 0; 
  width: 100%;
  left:0;
}

body {
  background-color:#003002;
  color:#FCEC54;
  font-family:sans-serif;
  font-size:max(1.7vh,15px);
}

.scaledimage1 {
  height:6.5em;
  width:auto;
}

.scaledimage2 {
  height:auto;
  margin-right:0.9em;
  width:min(6em,24vw);
}

.scaledimage3 {
  height:auto;
  width:max(20em,40vw);
  padding-right: 20px;
  padding-bottom: 20px;
}