/* body,html{width:100%;height:100%;margin:0;padding:0;overflow:hidden;color:white;touch-action:none}h1,h2{text-shadow:-1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;font-family:'Open Sans', sans-serif}pre{color:black;position:fixed;bottom:0;right:0;margin:3px;font-family:'Open Sans', sans-serif;font-size:150%}p{color:black;font-family:'Open Sans', sans-serif;font-size:150%;margin:3px}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#content{position:absolute;left:0;top:50%;width:100%;transform:translateY(-50%);text-align:center}#header{margin:0}#description{font-size:200%}#history{position:absolute;width:300px;height:100%;z-index:1;right:0}#note{position:absolute;left:0;top:0} */

body,
html {
 width:100%;
 height:100%;
 margin:0;
 padding:0;
 overflow:hidden;
 color:white;
 touch-action:none
}
h1,h2 {
    text-shadow: -1px -1px 0px #000, 1px -1px 0px #000, -1px 1px 0px #000, 1px 1px 0px #000;
    font-family:'Open Sans', sans-serif
}
pre {
 color:white;
 position:fixed;
 bottom:0;
 right:0;
 margin:7px;
 font-family:'Open Sans', sans-serif;
 font-size:132%;
 text-shadow:-1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
 padding:10px;
 padding-top:3px;
 padding-bottom: 3px;
 border-radius: 25px;
 background-color: #00000080;
}
p {
 color:white;
 font-family:'Open Sans', sans-serif;
 font-size:150%;
 margin:3px;
 text-shadow:-1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}
.noselect {
 -webkit-touch-callout:none;
 -webkit-user-select:none;
 -khtml-user-select:none;
 -moz-user-select:none;
 -ms-user-select:none;
 user-select:none
}
#content {
 position:absolute;
 left:0;
 top:50%;
 width:100%;
 transform:translateY(-50%);
 text-align:center
}
#header {
 margin:0
}
#description {
 font-size:200%
}
#history {
 position:absolute;
 width:400px;
 height:100%;
 z-index:1;
 right:0;
 font-size:150%;
 text-align:right;
}
#note {
 position:absolute;
 left:0;
 top:0
}
