body {
  background: 
    linear-gradient(to bottom, transparent, transparent), url("../images/bg.png");
  background-size: cover;
  background-position: center;
  image-rendering: pixelated;
  height: 100vh;
  overflow:auto;
  
}

#welcome {
  background-color: #7e6332;
  border: 2px solid;
  border-bottom-width: 8px;
  border-color: #593300;
  border-radius: 15px;
  width: 40vw;
  padding: 40px;
  
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  
  margin-top: 27vh;
  padding-top: 11vh;
  
}

#portrait {
  width: 20vh;
  
  border: 2px solid;
  border-color: #593300;
  border-radius: 50%;
  
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  text-align: center;
  
  margin-top: 15vh;
}

#bottom-button {
  color: #e2c86e;
  background-color: #897d32;
  border-radius: 8px;
  border-color: #e2c86e;
  padding: 20px 48px;
  text-decoration: none;
  font-size: 24px;
  font-family: 'Arvo';
  margin-top: 20px;
  margin-bottom: 0px;
  width: 66%;
  position: relative;
}

h1 {
  font-family: 'Suez One';
  font-size: 25px;
  line-height: 0;
}

h2 {
  margin: 0;
  color: #593300;
  font-family: 'Arvo';
  font-size: 30px;
/*   font-size: 4.3vh; */
}

p {
  color: #d3bc89;
  font-family: 'Open Sans';
  font-size: 20px;
  margin-left: 10px;
}

/* latin */
@font-face {
  font-family: 'Suez One';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/suezone/v5/taiJGmd_EZ6rqscQgOFOmouC-50x.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin */
@font-face {
  font-family: 'Arvo';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/arvo/v14/tDbD2oWUg0MKqScQ7Z7o_vo.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/opensans/v23/mem8YaGs126MiZpBA-UFVZ0bf8pkAg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}