body {
  background: red
}

div.outer {
  position: absolute;
  left: 50px;
  right: 50px;
  top: 50px;
  background: white;
}

div.inner {
  width: 80%;
  margin-left: 50px;
}

div.sitename {
  margin-top:50px;
  margin-bottom:50px;
  float: left;
}

span.sitename {
  margin-left: 20px;
  font-family: courier;
  font-size: 28pt;
}

div.welcome {

}

div.invite {
  font-size: 18pt;
  font-style: italic;
}

.rvn {
  font-family: courier;
}

h1.vault {
  font-size: 24pt;
  color: #dd2288;
}

span.vault-questions {
  font-style: italic;
  font-size: 12pt;
}
h1.current {
  font-size: 24pt;
  color: #dd2288;
}

p.vault-questions {}
p.vault-text {}

div.description {
  width: 100%;
  height: 600px;
}

div.explain {
  height: 100px;
  margin-left: 20px;
  position: relative;
  width: 30%;
  float: left;
  clear: both;
}

div.vault {
  height: 100px;
  left: -50px;
  position: relative;
  float: right;
  width: 30%;
  display: inline;
}

div.current {
  position: relative;
  left: -10px;
  height: 100px;
  margin-right: 12px;
  width: 30%;
  float: right;
  display: inline;
}


p.current-text {}

div.how {
  clear: both;
  margin-left: 20%;
  margin-right: 20%;
  width: 25%;
  font-size: 14pt;
}

div.start {}

span.code {
  font-family: courier;
  font-style: normal;
}

div.code-picture {
  float: right;
  margin-top: 10px;
  margin-right: 6px;
}

div.bluebox {
  position: absolute;
  top: 450px;
  left: 10px;
  margin-left: 10px;
}

div.ack {
  float: left;
  font-style: italic;
  font-size: 10pt;
}

div.bluebox-logo {
  clear: both;
}

div.using {
  font-family: helvetica, sans;
  font-size: 14pt;
}

span.dont {
  font-weight: bold;
}

div.application {
  clear: both;
  margin-left: 50px;
  width: 50%;
 
}

p.back {
  font-family: helvetica,sans;
  font-size: larger
}

p.old-accounts {
  font-weight: bold;
  margin-left: 6pt;
}