@font-face{
  font-family:     'Swiss';
  src:url('./Sw721Lt.ttf');
}
body{
  background:  #333;
  color:       #CCC;
  font-family:Swiss;
  min-height:  100%;
  margin:         0;
}
h1{
  color:               #777;
  font-size:           70pt;
  text-transform: uppercase;
  margin-left:        -25px;
  position:           fixed;
  transform: rotate(-90deg);
  left:                 0vw;
  top:                 90vh;
  transform: rotate(-90deg);
  transform-origin:top left;
  width:              100vw;
  z-index:               -1;
}
section{
  margin-left:150px;
  padding-top:100px;
}
section+a{
  bottom:    50px;
  position: fixed;
  right:    150px;
}
footer{
  bottom:      0;
  font-size: 9pt;
  margin:0 150px;
  position:fixed;
}
h2{font-size:48pt;}
h2>span{white-space:nowrap;}
a{
  color:          #DDD;
  font-weight:    bold;
  padding:         5px;
  text-decoration:none;
}
@media (max-device-width:1080px)
and (orientation: portrait){
  a{border-radius:5px;}
  section{font-size:2em;}
  section+a{
    bottom: 500px;
    font-size:4em;
    right:  250px;
  }
  footer{font-size:14pt;}
}
.hnav,
.hnav+div{
  position:fixed;
  right:     10%;
  top:       10%;
}
.hnav{
  color:#DDD;
  right: 10%;
  top:   10%;
}
.hnav+div{display:none;}
.hnav:hover+div,
.hnav+div:hover{display:block;}
.hnav+div a{display:inline-block;}