:root {
	--main: #fbd05b;
  --accent: #eb9957;
}
@font-face {
  font-family: "DreamLife";
  src: url('https://lemonadehammer.neocities.org/fonts/DreamLife_by_MaxiGamer.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
.freckle-face-regular {
  font-family: "Freckle Face", system-ui;
  font-weight: 400;
  font-style: normal;
}
.grandstander-400 {
  font-family: "Grandstander", cursive;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
h1 {
  text-align: center;
  color: black;
  font-family: "DreamLife", "Freckle Face", system-ui;
  font-size: 2.5em;
  margin: 0px;
  font-weight: normal;
}
h2 {
  text-align: center;
  color: black;
  font-family: "DreamLife", "Freckle Face", system-ui;
  font-size: 1.5em;
  font-weight: normal;
  margin: 0px;
}
p {
  color: black;
  font-family: "Grandstander", system-ui;
  font-size: 1em;
}
ul {
  color: black;
  font-family: "Grandstander", system-ui;
  font-size: 1em;
}
body {
  background-image: url(https://i.redd.it/you-know-the-island-in-tomodachi-life-living-the-dream-v0-ue5sak8efbre1.png?width=1920&format=png&auto=webp&s=b2204bf3f8cf2acf04d5561ba923ce04aa00857d);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  margin: 0px 10px 0px 10px;
  overflow-y: scroll;
  overflow-x: hidden;
}
.main {
  width: 40%;
  background: var(--main);
  border: 5px ridge var(--accent);
  padding: 10px;
}
.wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; 
  gap: 10px;
}
@media only screen and (max-width: 750px) {
  body {
    margin-right: 40px;
  }
  .main {
    width: 100%;
  }
}