body, html {
 height:100%;
 margin:0;
}
body {
  background:#B5C9E6;
  font-family: "Droid Serif", "Times New Roman", serif;  
}
input#PlayWallerts {
  visibility: hidden;
  position: absolute;
}
#DieWallertsInteractive {
  display:block;
  width:100%;
  max-height:45vh;
  transition:all 0.5s linear;
  overflow: visible;
}
h1 {
  font-size: 4em;
  letter-spacing: 4px;
  text-align: center;
  margin: 20px 0;
  word-wrap: break-word;
}
h1+p {
  margin: 0 0 20px 0;
  letter-spacing: 1px;
  text-align:center;
}
#HumppaSpeaker {
  display: block;
  width: 5vh;
  height: 5vh;
  margin: -7vh 1vh 1vh 1vh;
  position: relative;
}
#HumppaSpeaker svg{
  overflow: visible;
  margin: 0 auto 20px auto;
  border-radius: 50%;
  display: block;
  transition: all 0.5s linear;
}
#HumppaSpeaker svg path {
  stroke-width:0.5px;
  stroke-linecap: round;
  stroke-linejoin: round; 
  transition: all 0.5s linear;
}