body {
  margin: 0px;
}

div.head {
  width: 100%;
  margin: 0px;
  background-color: #ddf;
  text-align: center;
}

div.head h1 {
  margin: 0px;
  font-size: 32px;
  text-shadow: 2px 2px #8181f7;
  
}

div.head h1.title {
  font-size: 64px;
}

div.hspace {
  width: 100%;
  min-height: 2px;
  background-color: black;
}

div.vspace {
  min-width: 2px;
  background-color: black;
}

div.flex {
  display: flex;
  justify-content: space-between;
}

div.sidebar {
  white-space: nowrap;
  background-color: #ddf;
  display: flex;
  flex-direction: column;
  text-align: center;
}

div.sidebar a {
  padding: 10px 20px;
  font-size: 20px;
  color: black;
  text-decoration: none;
  transition: background-color 0.2s;
}

div.sidebar a:hover {
  background-color: #9df;
}

div.sidebar p.fact {
  font-size: 12px;
  white-space: normal;
}

div.sidebar p.info {
  font-size: 12px;
  white-space: normal;
}

div.text {
  background-color: white;
  flex-grow: 1;
  padding: 50px;
  font-size: 18px;
  /*text-shadow: #f0f;*/
}

div.text p {
  text-indent: 2em;
  /*margin: 0px;*/
  /*text-shadow: #f0f;*/
}

div.text b {
  text-shadow: 1px 1px #f0f;
}

div.pictures {
  margin-top: 40px;
}

div.pictures img {
  margin: 10px 50px;
  width: 150px;
}