*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  font-size: 62.5%;
  background-color: #e1f3dd;
}
.navbar {
  padding-top: 2vh;
  padding-bottom: 2vh;
  display: flex;

  justify-content: center;
  
  align-items: center; /*center*/
 
  column-gap: 2%;
  background-color: #76c44b;

}
.navbar a{
  font-size: 300%;
  color:#e1f3dd;
  font-weight: bold;
 
  text-decoration: none;
}

.navbar a:hover{
  font-size: 300%;
  /*color:#76c44b;*/
  text-decoration: underline;
}

.contentBox{
  background-color: #e1f3dd;
  display: flex;

  justify-content: center;
  align-items: center; 
  flex-direction: column;
  text-align: center;
  
  border-radius: 1vh;

  margin-top: 2%;
  margin-bottom: 2%;
  margin-left: 20%;
  margin-right: 20%;

  padding: 1%;

 
}

a {
  color: #00B7FF;
}


p{
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
  font-size: 300%;
  margin-bottom: 2%;
}

h1{
  margin-top: 1%;

  padding-bottom: 1%;
  font-size: 500%;
}

iframe{
  border-width:0;
  height: 75vh;
  width: min(96%);

}

img {
  max-width: 96%;
  max-height: 75vh;
  height: auto;
  width: auto;
  display: block;
  margin: 1% auto; 
}


.stackedImg img{
  height: auto;
  max-width: 96%;
  display: inline;
}