body {
  background-color: white;
  font-size: 100%;
}

@font-face {
  font-family: "headfont1";
  src: url("../fonts/Tilt Warp/TiltWarp-Regular.ttf"); 
}

@font-face {
  font-family: "headfont2";
  src: url("../fonts/Inter/Inter-SemiBold.otf"); 
}

@font-face {
  font-family: "headfont3";
  src: url("../fonts/Inter/Inter-Regular.otf"); 
}

@font-face {
  font-family: "headfont4";
  src: url("../fonts/Inter/Inter-Bold.otf"); 
}

@font-face {
  font-family: "headfont5";
  src: url("../fonts/Anton/Anton-Regular.ttf"); 
}

@font-face {
  font-family: "textfont1";
  hyphens: auto;
  src: url("../fonts/Faustina/Faustina-Regular.ttf");
}

@font-face {
  font-family: "textfont2";
  hyphens: auto;
  src: url("../fonts/Faustina/Faustina-Bold.ttf");
}

@font-face {
  font-family: "textfont3";
  hyphens: auto;
  src: url("../fonts/Faustina/Faustina-Italic.ttf");
}

h1 {
  color: #000;
  font-style: normal;
  font-weight: 400;
  font-size: 8.5em;
  letter-spacing: -.075em;
  line-height: 0.5em;
  font-family: "headfont1", Arial, Helvetica, san-serif;
}

h2 {
  color: #000;
  font-style: normal;
  font-weight: 400;
  font-size: 1.25em;
  line-height: 0em;
  font-family: "headfont2", Arial, Helvetica, san-serif;
}

h3 {
  color: #000;
  font-style: normal;
  font-weight: 400;
  font-size: 1.25em;
  line-height: 0em;
  font-family: "headfont3", Arial, Helvetica, san-serif;
}

h4 {
  color: #000;
  font-style: normal;
  font-weight: 400;
  font-size: 2.2em;
  letter-spacing: .00em;
  line-height: .3em;
  font-family: "headfont4", Arial, Helvetica, san-serif;
}

p {
  color: #000;
  font-style: normal;
  font-weight: 400;
  font-size: 1.2em;
  width: 355px;
  line-height: 125%;
  font-family: "textfont1", Garamond, Times New Roman, Times, serif;
}

div.a {
  text-align: justify;
  hyphens: auto;
}

div.b {
  text-align: center;
}

div.center {
  text-align: center;
}

div.left {
  text-align: left;
}

div.right {
  text-align: right;
}

div.multi-column {
  column-count: 2;
  column-width: 355px;
  columns: 2;
  gap: .5em;
  column-rule: 1px solid #000;
  font-size: 1.2em;
  font-family: "textfont1", Garamond, Times New Roman, Times, serif;
  text-align: justify;
  hyphens: auto;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .multi-column {
    column-count: 2;
  }
}

@media (max-device-width: 480px) {
  .multi-column {
    column-count: 1;
  }
}

.box1 {
  width: 350px;
  height: 840px;
  background-color: white;
  border: 2px solid black;
  padding: 5px;
  margin: 5px;
}