/* Style from https://coolors.co/3066be-119da4-6d9dc5-80ded9-aeecef */
html {
  background: #3066BE;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #3066BE, #119DA4);  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #3066BE, #119DA4); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
body {
  color: #fff;
  font-family: Helvetica, Arial;
  font-weight: normal;
  text-align: center;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  font-size: 16px;
}
h1 {
  margin-top: 0;
}
.howto{
  padding-left: 300px; 
  padding-right: 300px;
}
.inner {
  display: inline-block;
  position: relative;
  transform: translate(0px, -50%);
  top: 50%;
  width: 100%;
  max-height: 90%;
  overflow: scroll;
}
.footer {
   position:fixed;
   left:0px;
   bottom:0px;
   height:50px;
   width:100%;
}
#btn {
  margin: 30px 0px 30px 0px;
  background-color: transparent;
  color: white;
  border: 3px solid white;
  padding: 10px 25px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
}
#btn:hover {
  background-color: #6D9DC5;
  cursor: pointer;
}
a:visited, a:link, a:active{
  color: #fff;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}