*{
  box-sizing: border-box;
}

html, body{
  height:100%;
}

body{
  text-align:center;
  font-family:Lato;
  color:#aaa;
}

h1{
  font-size:3em;
  text-transform:uppercase;
}

h1, span{
  transition: font-size 0.5s;
}

span{
  cursor: pointer;
}

a{
  color:inherit;
  text-decoration:none;
}

div{
  position:absolute;
  left:50%;
  top:47%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}