@font-face {
  font-family: "Stencil";
  src: url("/views/fonts/stencil.ttf") format("truetype");
}
@font-face {
  font-family: "Typewriter";
  src: url("/views/fonts/typewriter.otf") format("opentype");
}
@font-face {
  font-family: "Manuscript";
  src: url("/views/fonts/manuscript.ttf") format("truetype");
}
::selection {
  background: rgba(0, 0, 0, 0);
  color: silver;
}
::-moz-selection {
  background: rgba(0, 0, 0, 0);
  color: silver;
}
body {
  overflow-y: scroll;
  margin: 0;
  padding: 0;
  cursor: default;
  background: #ffffe0 url('/views/pictures/noise.png');
  text-align: center;
}
header {
  height: 6vw;
  margin: 0;
  padding: 0;
  text-align: center;
  background: #40411e url('/views/pictures/noise.png');
  -moz-user-select: -moz-none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.usagoa {
  font-size: 6vw;
  margin-top: 1vw;
  font-family: Stencil;
  text-decoration: none;
  color: #ffffff;
  text-align: center;
  text-shadow: 0 0 .05vw #ffffff;
}
nav {
  width: 100%;
  height: 3vw;
  margin: 0;
  padding-top: .5vw;
  padding-bottom: .5vw;
  padding-right: 0;
  padding-left: 0;
  text-align: center;
  background: #40411e url('/views/pictures/noise.png');
  z-index: 100;
  box-shadow: 0 0 2vw #40411e;
  -moz-user-select: -moz-none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -o-user-select: none;
  user-select: none;
}
#nav_relative {
  height: 4vw;
  position: relative;
  margin-bottom: 0;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
}
#nav2{
  position: fixed;
  margin: 0;
}
.nav_a {
  font-family: Stencil;
  text-decoration: none;
  color: #ffffff;
  font-size: 2.4vw;
  margin-top: 0;
  margin-left: 1.5vw;
  margin-right: 1.5vw;
  vertical-align: top;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: .4vw;
  padding-left: .4vw;
  text-shadow: 0 0 .05vw #ffffff;
  -webkit-transition: all .2s ease-in;
  -moz-transition: all .2s ease-in;
  -o-transition: all .2s ease-in;
  transition: all .2s ease-in;
}
.nav_a:hover, .nav_b {
  font-family: Stencil;
  text-decoration: none;
  color: #ffff00;
  font-size: 2.4vw;
  margin-top: 0;
  margin-left: 1.5vw;
  margin-right: 1.5vw;
  vertical-align: top;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: .4vw;
  padding-left: .4vw;
  text-shadow: 0 0 .05vw #ffff00;
}
section {
  margin-left: auto;
  margin-right: auto;
  width: 50vmax;
  max-width: 90vw;
  min-width: 60vw;
  margin-top: 5vmax;
  margin-bottom: 5vmax;
  border-radius: 0;
  border-width: 0.7vmax;
  border-color: #101010;
  border-style: double;
  text-align: center;
}
article {
  margin-left: auto;
  margin-right: auto;
  margin-top: 3vmax;
  margin-bottom: 2vmax;
  padding-top: 1vmax;
  padding-left: 2vmax;
  padding-right: 2vmax;
}
h1 {
  font-family: Stencil;
  color: #101010;
  font-size: 2.2vmax;
  text-align: right;
  background: #ffffe0 url('/views/pictures/noise.png');
  display: inline-block;
  padding: 1vmax;
  position: absolute;
  right: auto;
  margin-top: -2.6vmax;
}
p, .p {
  font-family: Typewriter;
  font-weight: 500;
  color: #101010;
  font-size: 1.5vmax;
  text-align: justify;
  margin: 0;
}
.manuscript {
  font-family: Manuscript;
  font-weight: 500;
  color: #046380;
  font-size: 1vmax;
 text-align: justify;
  margin-top: 1vw;
  margin-bottom: 0;
  margin-right: 0;
  margin-left: 0;
    }
.center {
  text-align: center;
}
.interaction {
  font-family: Typewriter;
  color: #ff0000;
  font-size: 1.5vmax;
  background: #ffffe0 url('/views/pictures/noise.png');
  text-decoration: none;
  border-width: .2vmax;
  border-style: solid;
  border-color: #ff0000;
  text-align: center;
  border-radius: .5vmax;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: .4vw;
  padding-left: .4vw;
  cursor: pointer;
  -webkit-transition: all .2s ease-in;
  -moz-transition: all .2s ease-in;
  -o-transition: all .2s ease-in;
  transition: all .2s ease-in;
}
.interaction:hover {
  background: #ff0000;
  color: #ffffe0;
  text-shadow: 0 0 .05vmax #ffffff;
  box-shadow: 0 0 .1vmax #ff0000;
}
.picture-square {
  float: right;
  display: inline-block;
  width: 11vmax;
  border-width: 0;
  border-style: solid;
  border-color: #101010;
  border-radius: 1vmax;
}
form {
  display: inline;
  padding: 0;
  border-width: 0;
}
.text-form {
  font-family: Manuscript;
  text-decoration: none;
  color: #ff0000;
  background: #ffffe0 url('/views/pictures/noise.png');
  font-size: 1.3vmax;
  padding: 0;
  width: 60%;
  text-align: center;
  border-radius: .5vw;
  outline: none;
  border-width: .2vw;
  border-style: solid;
  border-color: #ff0000;
  border-radius: .5vw;
  -webkit-box-shadow: 0 0 .1vw 0 rgba(255, 0, 0, 1) inset;
  -moz-box-shadow: 0 0 .1vw 0 rgba(255, 0, 0, 1) inset;
  box-shadow: 0 0 .1vw 0 rgba(255, 0, 0, 1) inset;
  -webkit-transition: all .2s ease-in;
  -moz-transition: all .2s ease-in;
  -o-transition: all .2s ease-in;
  transition: all .2s ease-in;
}
.text_form:focus {
  outline: none;
  text-shadow: 0 0 .05vw #ffffff;
  box-shadow: 0 0 .1vw #ff0000;
}
.inline {
  display: inline;
  text-align: left;
}
footer {
  text-align: center;
  padding : 3vmax;
  margin: 0;
}
.text_footer {
  font-family: Stencil;
  font-size: 2vmax;
  color: #101010;
  text-align: center;
  display: inline;
  padding-bottom: 1vmax;
  text-shadow: 0 0 .05vmax #101010;
}