.sidemenu {
  background-color: #3B5162;
  padding: 2px;
  width: 100%;
  color: #e2afb5;
  cursor: pointer;
  border: none;
  text-align: left;
  outline: none;
  font-size: 14px;
  font-weight: bold;
  font-family: arial, helvetica, sans-serif;
}

.topmenu {
  width: 100%;
  display: none;
  text-align: center;
  vertical-align: top;
  font-weight: bold;
  color: #e2afb5;
  font-style: italic;
  font-family: arial, helvetica, sans-serif;
}

.topmenucontent {
  width: 100%;
  display: none;
  text-align: left;
  vertical-align: top;
  color: white;
  font-style: normal;
  font-family: arial, helvetica, sans-serif;
}

.bodylink {
  color: #3B5162;
  font-family: arial, helvetica, sans-serif;
  font-weight: bold;
  text-decoration: none;
}

.bodylink:hover {
  color: #3B5162;
  font-family: arial, helvetica, sans-serif;
  font-weight: bold;
  font-style: italic;
  text-decoration: none;
}

.menulink {
  background-color: #3B5162;
  color: #e2afb5;
  font-family: arial, helvetica, sans-serif;
  text-decoration: none; 
}

.sidemenu:hover, .sidemenublock:hover, .menulink:hover {
  background-color: #e2afb5;
  color: #3B5162;
  font-family: arial, helvetica, sans-serif;
}

.sidemenucontent {
  display: none;
  overflow: hidden;
  background-color: #3B5162;
  color: #e2afb5;
  font-family: arial, helvetica, sans-serif;
  padding: 2px;
  width: 100%;
  font-size: 14px;
}

.sidemenublock {
  overflow: hidden;
  background-color: #3B5162;
  color: #e2afb5;
  font-family: arial, helvetica, sans-serif;
  padding: 2px;
  width: 100%;
  font-size: 14px;
}

.bodytext {
  text-align: justify;
  font-family: arial, helvetica, sans-serif;
  color: #3B5162;
  font-size:larger; 
}

.donatebodytext {
  text-align: center;
  font-family: arial, helvetica, sans-serif;
  color: #3B5162;
  font-size:larger; 
}

.donatebutton {
  background-color: #3B5162;
  font-family: arial, helvetica, sans-serif;
  font-weight: bold;
  font-style: italic;
  color: #3B5162;
  font-size:larger; 
}

.blogwrapper {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding-top: 56.25%;
  
}

.blogwrapper-mobile {
  position: relative;
  width: 100vw;
  overflow: hidden;
  padding-top: 177%;
  
}

.blogwrapper-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100vw;
  height: 100vh;
  border: none;
}

.blogwrapper-mobileiframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100vw;
  height: 100vh;
  border: none;

}