default.css

body {
  background: #D0D0D0
}

html, body {
  margin: 0; padding: 0;
  height: 100%; width: 100%;
  overflow:hidden;
}
canvas {
  display: block;
}
.text {
  margin: 20px;
  padding:10px;
  padding-right: 20px;
  padding-left: 20px;
  -webkit-box-shadow: 8px 8px 6px #AAAAAA;
  -moz-box-shadow: 8px 8px 6px #AAAAAA;
  box-shadow: 8px 8px 6px #AAAAAA;
  /* line-height:0; */
  opacity:0.65;
  background: #FFFFFF;
  /* border:0 solid red; */
  position:fixed;
  left:20px;
  bottom:25px;
}
h1 {
  font-family: "Raleway", Helvetica, Arial, sans-serif;
  margin-bottom: 0;
  margin-top: 0;
}
h2 {
  margin-top: 2%;
  margin-bottom: 2%;
  font-family: 'Shadows Into Light Two', cursive;
  font-size: 100%;
  color: #585858;
}
.linklist{
  margin: 0;
  margin-top: 4%;
  display: flex;
  justify-content: space-around;
}
.control{
  margin: 0; padding: 0;
  position:fixed;
  left:10px;
  bottom:0;
}
.linklist a{
  margin: 0; padding: 0;
  color:black;
  text-decoration: none;
  font-size:110%;
}
.control a:hover{
  text-decoration:underline;
  color: gray;
}
hr.line {
  background: #C9C9C9;
  color: #C9C9C9;
  clear:both;
  float: none;
  width: 100%;
  height: 1px;
  line-height: 1px;
  font-size: 0;
  border: none 0;
  margin: 0 0 1.4em;
}