author {
  display: block;
  text-align: right;
}

:root {
  --background-color: linear-gradient(180deg, #ebdaff, #ffdaed, #ffdcd2);
  --highlight-color: #000000;
}

@font-face {
  font-family: "LoR-Numbers";
  src: url("/LoR-Numbers.otf") format("opentype");
}

@font-face {
  font-family: "Arita";
  src: url("/AritaBuriKR-Medium.ttf") format("truetype");
}

body {
  background: var(--background-color);
  margin: 0;
  overflow-x: hidden;
  min-height: 100vh;
  font-family: "Arita", Arial, sans-serif;
}

.area {
  border-radius: 50px;
  border: 20px rgba(0, 0, 0, 1) solid;
  box-shadow: 10px 10px 0px rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
}

.main {
  background-color: black;
  margin: auto;
  width: 70%;
}

.main-text {
  background-color: white;
  /* color: white; */
  width: 100%;
  /* max-height: 550px; */
  /* margin: auto; */
  position: relative;
  border-radius: 50px;
  box-sizing: border-box;
  padding: 3em;
  padding-top: 2.3em;
}

.main-text h1,
.main-text h2 {
  text-align: center;
}

.date {
  font-family: "LoR-Numbers", "Arita", sans-serif;
}

.title {
  text-decoration: underline;
}

.return {
  margin: 1em;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  font-size: large;
  background-color: white;
  padding:10px;
  border-radius: 50px;
  width: fit-content;
}

.return a {
  color: red;
}

@media (max-width: 1100px) {
  p {
    font-size: x-large;
  }
}

.logo {
  display: block;
  margin: auto;
  max-width: 75%;
  margin-top: 5em;
}