.h5{
  letter-spacing: 105%;
  color: #fc0101;
  text-decoration: underline;
}

.redify{
  color: #fc0101;
}

html{
  letter-spacing: 0.2em;
  font-family: sans-serif;
  padding-left: 5vw;
  padding-right: 5vw;

  background-color: #ffffff;
  /*background-image: url("/res/leaf.png");*/
  background-position: static;
  background-repeat: none;
  background-size: stretch;
  text-align: right;
  line-height: 250%;
  font-size: large;
}

hr{
  width: 85%;
  height: 3px;
  background-color: #fff;
}

h1{
  letter-spacing: 130%;
  margin-right: 50%;
  margin-bottom: 5vh;
}

h2{
  letter-spacing: 120%
}

blockquote{
  padding-bottom:    5%;
  background-color: #FFFa;
  text-align:        center;
  border-radius:     2vw;
  margin-left:       15%;
  padding-left:      5%;
  padding-right:     1%;
  padding-top: 5%;
  background-image: url("/res/perlin.png");
}

a{
  text-decoration: underline;
  color:         #333;
  /*font-family:    'Courier New', Courier, monospace;*/
  font-style:     italic;
  font-weight:    150;
  z-index: 1;
}

p{
  font-family: 'Modern Sans', sans-serif;
}

label{
  font-weight: bold;
  padding-top: 5%;
}

hr.jump{
  height: 1px;
  border-style: none;
  opacity: 0;
  padding-top: 5%;
}

hr.bottom{
  bottom: 0;
}

.body_div{
  padding-top: 1%;
}

.nav {
  height:          100%; 
  width:           20vw; 
  position:        fixed; 
  z-index:         4000;
  top:             0;
  right:           0;
  background-image: url("/res/geo.jpg");
  background-position: fixed;
  
  overflow-x: hidden; /* Disable horizontal scroll */
  padding-top: 0px;
  text-align: left;

  border-left: solid;
  border-color: #fff;
}

.nav div {
  /* top | right | bottom | left */
  padding: 0px 8px 6px 16px;
  text-decoration: none;
  font-size: 25px;
  color: #FFF;
}

.section_picker{
  padding-top: 5%;
}

.section_picker:hover{
  text-decoration: underline;
}

/* When you mouse over the navigation links, change their color */
.nav div:hover {
  color: #333;
}

.nav_cont{
  background-color: #333a;
  height: 150vh;
  top: -10;
}

.jays_weird_face{
  border-radius: 1vw;
  border: solid;
  border-width: 5pt;
  width: 20%;
  margin-left: 5%;
  margin-right: auto;
  margin-bottom: 3vh;
}

.victims{
  border-radius: 1vw;
  border: solid;
  border-width: 5pt;
  width: 20vw;
  margin-left: 5%;
  margin-right: auto;
}

.victim_head{
  margin-top: 20vh;
}

.victim_cont{
  width: 30vw;
  background-color: #0000bfc0;
  height: 5vh;
}

.section{
  position: absolute;
  padding-top: 5%;
  padding-right: 5%;
  margin-top: 10%;
  padding-bottom: 40vh;
  opacity: 1.0;
  transition: all 1s ease-in;
  max-width: 90%;
  width: 80%;

  height: 100vh; 
  overflow-y: visible;
  overflow-x: visible;
}

.section.visible {
  opacity: 1;
  visibility: visible;
  transition: all 1s ease-in;
  top: 0vh;
  z-index: 1000;
}

.section_overflow{
  top: 0vh;
  margin-top: 1%;
  position: static;
  transition: all 1s ease-in;
}

.dont_yell{
  margin-top: 0%;
  padding-top: 0%;
  font-weight:bolder;
  color: #fc0101;
}

.representative{
  margin-top: 0;
  margin-bottom: 5px;
}

.contact_list{
  padding-top: 10%;
  padding-bottom: 5%;
  padding-right: 5%;
}

.shrink{
  font-size: 60%;
  background-color: #99999944;
  padding: 5%;
  border-radius: 10pt;
}