Pastel Goth CSS

div#fpaw_layout_column_2 {overflow: visible;}
div#fpaw_layout_holder {top:-11350px;float:
none;position: relative;margin: 0px 0px 0px 0px;left:
0px;float: left;}
.text_logout, #fpaw_layout_column_1, fpaw_layout_column_3, #top_bar, #fpaw_layout_footer, #fpaw_layout_inner_footer, #fpaw_layout_footer_text, .footer_legal, fpaw_layout_footer_section, .fpaw_layout_footer_subsection {display: none;}

body {
  background: #333;
  overflow-x: hidden;
  width: 100vw;
  padding: 0;
  margin: 0;
  left: 0;
}

.positioning {
  position: absolute;
  top: 11295px;
  left: 0;
  width: 100vw;
  min-height: 100vh;
  padding: 2vh 0;
  margin: 0;
  text-align: justify;
  text-align-last: center;
  color: white;
  font-size: 1em;
  font-weight: bold;
  background-color: #333;
}

h1 {
  font-size: 3em;
}

h3 {
  color: #333;
  letter-spacing: 3px;
}

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

a:hover {
  color: silver;
  text-decoration: none;
}

.nav {
  width: 80%;
  max-width: 750px;
  margin: 2% auto;
  padding: 1%;
  border-top: 1px solid white;
  border-bottom: 1px solid white;
}

.nav a {
  padding: 0 2%;
  color: inherit;
  text-decoration: none;
  letter-spacing: 3px;
}

.nav a:hover {
  color: silver;
  text-decoration: none;
  font-weight: normal;
}

.note {
  width: 80%;
  max-width: 750px;
  margin: 1% auto;
  padding: 0;
}

.green-box {
  border-radius: 5px;
  border: 1px solid #bffcc6;
  margin: 0;
  padding: 0;
  background: #565656;
}

.green-header {
  background-color: #bffcc6;
  border-radius: 0;
  margin: 0;
  margin-bottom: 1%;
  padding: 1%;
}

.blue-box {
  border-radius: 5px;
  border: 1px solid  #ace7ff;
  margin: 0;
  padding: 0;
  background: #565656;
}

.blue-header {
  background-color: #ace7ff;
  border-radius: 0;
  margin: 0;
  margin-bottom: 1%;
  padding: 1%;
}

.yellow-box {
  border-radius: 5px;
  border: 1px solid  #fff5ba;
  margin: 0;
  padding: 0;
  background: #565656;
}

.yellow-header {
  background-color:  #fff5ba;
  border-radius: 0;
  margin: 0;
  margin-bottom: 1%;
  padding: 1%;
}

.pink-box {
  border-radius: 5px;
  border: 1px solid #ffccf9;
  margin: 0;
  padding: 0;
  background: #565656;
}

.pink-header {
  background-color: #ffccf9;
  border-radius: 0;
  margin: 0;
  margin-bottom: 1%;
  padding: 1%;
}

.red-box {
  border-radius: 5px;
  border: 1px solid #ffabab;
  margin: 0;
  padding: 0;
  background: #565656;
}

.red-header {
  background-color: #ffabab;
  border-radius: 0;
  margin: 0;
  margin-bottom: 1%;
  padding: 1%;
}

.purple-box {
  border-radius: 5px;
  border: 1px solid  #d5aaff;
  margin: 0;
  padding: 0;
  background: #565656;
}

.purple-header {
  background-color:  #d5aaff;
  border-radius: 0;
  margin: 0;
  margin-bottom: 1%;
  padding: 1%;
}

.credit {
  padding: 2em;
}