:root {
  --yellow: #f3dd93;
  --orange: #ff9d62;
  --orange-25: #ff9e6242;
  --pink: #f999ba;
  --green: #b3d084;
  --blue: #7ac2eb;
  --purple: #d6beea;
  --text-yo: #2c2543;
  --text-gp: #1b3b32;
  --text-by: #4a2834;
  --text-byt: #4a283498;
  --background: #fffdf6;
  --bgblue: #f4f7f6;
}
@font-face {
  font-family: "Mondwest";
  src: url(../fonts/PPMondwest-Regular.woff2);
}
@font-face {
  font-family: "NeueBit";
  src: url(../fonts/PPNeueBit-Bold.woff2);
}
@font-face {
  font-family: "VT";
  src: url(../fonts/VT323-Regular.woff2);
}
body {
  height: 100vh;
  width: 100vw;
  background-image: url("../dnd/images/bgs/vista.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-color: black;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.enter {
  font-family: "Mondwest";
  text-align: center;
  font-size: 120px;
  color: rgb(234, 210, 178);
  text-decoration: none;
  margin: auto;
  text-shadow: 5px 5px var(--text-byt);
}
.enter:hover {
  color: var(--orange);
}