body, html {
  width: 100vw;
  height: 100vh;
  padding: 0;
  margin: 0;
  background: #231F20;
  color: #EAE7DF;
}

h1 {
  font-family: 'fourhand', 'Helvetica', sans-serif;
  letter-spacing: 2.5px;
}
p {
  font-family: 'Arial', 'Helvetica', sans-serif;
  margin-top: -10px;
}

img {
  width: 5%;
  opacity: 0.3;
}

.centerall {
  position: relative;
  overflow: auto;
  width: 100vw;
  height: 100vh;
  text-align: center;
}

.centrado {
  /* position: absolute; */
  display: block;
  margin: 0 auto;
  text-align: center;
  vertical-align: middle;
  clear: both;
  margin-top: 15%;
  top: 38%;
  left: 38%;
}

.links a {
  color: #EAE7DF;
  text-decoration: none;
  font-size: 2.5em;
  letter-spacing: 8px;
  opacity: 0.3;
  transition: 0.5s ease;
}

.links a:hover {
  opacity: 1;
}

@font-face {
    font-family: 'fourhand';
    src: url('../fonts/fourhand/fourhand_trial-webfont.woff2') format('woff2'),
         url('../fonts/fourhand/fourhand_trial-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'fourhand';
    src: url('../fonts/fourhand/fourhand_trial-webfont.woff2') format('woff2'),
         url('../fonts/fourhand/fourhand_trial-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'lilsunshine';
    src: url('../fonts/a-little-sunshine/a_little_sunshine-webfont.woff2') format('woff2'),
         url('../fonts/a-little-sunshine/a_little_sunshine-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}