/* TYPE */
@font-face {
  font-family: 'Keroine-DouxExtreme';
  src: url('fonts/Keroine-DouxExtreme.woff2') format('woff2'),
       url('fonts/Keroine-DouxExtreme.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Keroine-IntenseLegere';
  src: url('fonts/Keroine-IntenseLegere.woff2') format('woff2'),
       url('fonts/Keroine-IntenseLegere.woff') format('woff');
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: 'NewEdge666-UltraLight';
  src: url('fonts/NewEdge666-UltraLight.woff2') format('woff2');
  font-weight: 200;
  font-style: normal;
}


html {
  font-size: 100%; /* In most browsers, this defaults to 16 pixels */
  margin:0;
  padding:0;
  background: #000 url("images/bkgnd-4.jpg");
  background-size: cover;
  background-position: center center;
  min-height: 100vh;
  background-repeat: no-repeat;
}

body {
  margin: 2vw 3vw 4vw 3vw;
  color: cyan;
  font-size: 1.05rem;
  line-height: 1.636;
  font-family: 'NewEdge666-UltraLight', sans-serif;
  font-weight: 200;
  font-style: normal;
}

a, a:visited {
  color: black;
  text-decoration: none;
}

a:hover, a:active {
  color: black;
  background-color: black;
  text-decoration: none;
  padding: 1px;
}

p {
margin: 0;
padding: 0;
}

#tt_element {
  color: cyan;
  padding-right: 20vw;
}

#contact {
  position: absolute;
  bottom: 3vw;
  left: 3vw;
}

#m {

}

.keroine {
  font-family: 'Keroine-DouxExtreme', 'Times New Roman', Times, serif;
  font-size: 0.93rem;
  font-weight: 200;
  font-style: normal;
}


@media all and (min-width: 870px) {

  body {
    margin: 1.5vw 2.5vw 5vw 2.5vw;
  }

}