@font-face {
  font-family: "MagicMedieval";
  src: url("../fonts/MagicMedieval Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

html{
  font-family: "MagicMedieval", serif;
  -webkit-font-smoothing: antialiased;
  padding-right: 30px; /* for scrollbar */
}

body {
  margin: 0;
  padding: 25px;
  /* background: #2e2927; */
  background-image: url('../img/bg_body.jpg');
  background-size: auto;       /* or 'contain' or 'auto' */
  background-repeat: repeat; /* prevents tiling */
  background-position: top left;  /* optional but usually desired */
}

h1, h2, h3, h4, h5, h6 {
  margin: 0.25em 0;
}

/* Normal, unvisited link */
a:link {
  color: #2e2927;
  text-decoration: underline;
}

/* Visited link */
a:visited {
  color: #2e2927;
}

/* Link when hovered */
a:hover {
  color: #117d35;
}

/* Link when clicked (active) */
a:active {
  color: #117d35;
}

.container {
  display: flex;
  flex-wrap: wrap; /* allows items to move to the next line when needed */
  gap: 0px;       /* space between sections */
  justify-content: center; /* optional: centers items horizontally */
  align-items: flex-start;
}

/** Footer **/
.footer{
  width: 100%;
  text-align: center;
  margin-top: 40px;
}

@media (max-width: 600px) {
  section {
    font-size: xx-large;
  }
}