body {
  background-color: #533B4D;
  font-family: "Tahoma";
  font-size: 14px;
  color: white;
}

a {
  color: #FFDFE9;
}

h1 {
  font-family: 'Franklin Gothic Medium', sans-serif;
  color: #F1E7E7;
  font-size: 26px;
}

h1.header {
  font-family: 'Franklin Gothic Medium', sans-serif;
  color: #F1E7E7;
  font-size: 40px;
}

.topnav {
  font-family: 'Tahoma';
  align-items: center;
  background-color: #f6e4f4;
  overflow: hidden;
}

.topnav a {
  display: flex;
  align-items: center;
  float: left;
  color: black;
  text-align: center;
  padding: 14px 14px;
  text-decoration: none;
  font-size: 12px;
}

.topnav a:hover {
  display: flex;
  align-items: center;
  background-color: #FFDFE9;
  color: black;
}

.topnav a.active {
  display: flex;
  align-items: center;
  background-color: #FFC5D3;
  color: black;
}

#icon  {
  float: left;    
  margin: 0 15px 0 0;
}

#icon-no-header  {
  float: left;    
  margin: 2px 5px 0 0;
}

#icon-admonition  {
  float: left;    
  margin: 0 5px 0 0;
}

.main {
  position: absolute;
  top: 65px;
  left: 45px;
}