html, body {
  width: 100%;
  height: 100%;
}
body {
  overflow: hidden;
  outline: 1px solid transparent;
}
.cssgradients body {
  background: -webkit-linear-gradient(135deg, #292929 50%, #f2f2f2 50%);
  -webkit-backface-visibility: hidden;
  background: -moz-linear-gradient(135deg, #292929 50%, #f2f2f2 50%);
  background: -o-linear-gradient(135deg, #292929 50%, #f2f2f2 50%);
  background: linear-gradient(-45deg, #292929 50%, #f2f2f2 50%);
}
.no-cssgradients body {}


.csstransforms div.hdiv {}
.csstransforms div.topdiv {}
.csstransforms div.botdiv {}
.no-csstransforms div.hdiv {
  height:         100%;
  width:          100%;
  clear:          both;
  position:       fixed;
  text-align:     center;
  vertical-align: middle;
  line-height:600%;
}
.no-csstransforms div.topdiv {
  top:0;
  height:50%;
  background-color:#f2f2f2;
}
.no-csstransforms div.botdiv {
  bottom: 0;
  height: 50%;
  background-color:#292929;
}


h1 {
  font-family: "ubunturegular";
}
.csstransforms h1 {
  font-size: 5vw;
  position: absolute;
  top: 50%;
  left: 50%;
  outline: 1px solid transparent;
  margin: 0;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  -webkit-backface-visibility: hidden;
     -moz-transform: translate(-50%, -50%) rotate(-45deg);
      -ms-transform: translate(-50%, -50%) rotate(-45deg);
       -o-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
}
.no-csstransforms h1 {
  font-size: 36px;
}


a { text-decoration: none; }
a#wrds { color: #292929; }
a#pics { color: #f2f2f2; }
.no-csstransforms a#wrds {
  float:left;
  width: 50%;
}
.no-csstransforms a#pics {
  float:right;
  width: 50%;
}
.no-cssgradients.csstransforms a#pics {
  color: #292929;
}