@font-face {
  font-family: 'Cormorant';
  font-style: normal;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/cormorant/v21/H4clBXOCl9bbnla_nHIq4pu9uqc.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: charter;
  font-style: normal;
  font-weight: normal;
  font-stretch: normal;
  src: url('./Charter/charter_regular.woff2') format('woff2');
  }
  
  @font-face {
  font-family: charter;
  font-style: italic;
  font-weight: normal;
  font-stretch: normal;
  src: url('./Charter/charter_italic.woff2') format('woff2');
  }
  
  @font-face {
  font-family: charter;
  font-style: normal;
  font-weight: bold;
  font-stretch: normal;
  src: url('./Charter/charter_bold.woff2') format('woff2');
  }
  
  @font-face {
  font-family: charter;
  font-style: italic;
  font-weight: bold;
  font-stretch: normal;
  src: url('./Charter/charter_bold_italic.woff2') format('woff2');
  }
  
body{
  background-color:rgb(255, 255, 255);
  font-family: charter;
}

div.topnav{
  position: fixed;
  top: 0%;
  left: 0%;
  height: 45px;
  width: 100%;  
  margin-top: 0px;
  background-color: rgb(0, 0, 0);
  border-top: none;
  border-right: none;
  border-left: none;
  z-index: 289;

}

.topnav a{
  color: #ffffff;
  text-decoration: none;
  font-size: larger;
  line-height: 45px;
  margin-right: 10px;
  margin-left: 10px;
}


div.content{
  margin: auto;
  width: 100%;
  position: absolute;
  top: 55px;
  bottom: 0px;
}

div.content div{
  max-width: 600px;
  margin-top: auto;
  margin-right: auto;
  margin-left: auto;
  background-color: rgb(255, 255, 255);
  border:2px solid rgb(0, 0, 0);  
  margin-bottom: 9px;
  padding: 5px 20px;
}

div.about{
  margin-top: 54px;
}


h1{
  color: white;
  margin-bottom: 0%;
  font-size: medium;
}
h2{
  font-size: larger;
}


p { 
  line-height: 150%; 
}