.lacquer-regular {
  font-family: "Lacquer", system-ui;
  font-weight: 400;
  font-style: normal;
}

.meow-script-regular {
  font-family: "Meow Script", cursive;
  font-weight: 400;
  font-style: normal;
}

.lavishly-yours-regular {
  font-family: "Lavishly Yours", cursive;
  font-weight: 400;
  font-style: normal;
}

body {
  background-image: url(../Diambera/backgroundhome.png);
  font-family: monospace;
  font-size: 18px;
  color: #494857;
  text-decoration: none;
  text-align: center;
  height: 100vh;
  overflow-y: hidden;
}

/* div */

div.main {
  color: #e08565;
  width: 100%;
  text-align: center;
  height: 5%;
  position: fixed;
}

div.contain {
  display: flex;
  height: 60%;
  padding-top: 5%;
}

div.char {
  background-image: url(backgroundposter.png);
  width: 300px;
  height: 360px;
  background-size: contain;
  background-repeat: no-repeat;
  image-rendering: pixelated;
  color: #3A210B;
  margin-left: 2%;
  margin-right: 2%;
  padding: 5%;
  padding-top: 1%;
  font-size: 20px;
}

a {
  color: #3A210B;
  text-decoration: inherit;
  font-size: 12px;
}

a:hover {
  color: #37486C;
  text-decoration: none;
  cursor: pointer;
}

h2 {
  font-size: 18px;
}

img.pf {
  display: block;
  height: 70%;
  width: auto;
  margin-left: auto;
  margin-right: auto;
}