/* Fixing default stupid margin */
body, h1, h2, h3, h4, p, figure, blockquote, dl, dd {
  margin: 0;
}
/* Fixing default stupid behaviour with padding */
*, *::before, *::after {
  box-sizing: border-box;
}
/* Fixing default font size increases on mobile */
html {
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}
/* Inherit fonts for inputs and buttons */
input, button, textarea, select {
  font: inherit;
}

/* Default style for elements, mimics what I see in firefox on macos right now */
body {
  background-color: #fff;
  color: #000;
}
a {
  color: #0000EE;
}
a:visited {
  color: #551A8B;
}

/* I like this family better for the style */
body {
  font-family: Avant-Garde;
}
/* Convenince of creating columns */
.column {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.column-g5 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
}
/* Convenince of creating rows */
.row {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.row-g5 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 5px;
}

/* Class for main content size */
@media (min-aspect-ratio: 8/7) {
  .content {
    width: 1000px;
    margin: auto;
  }
  .content-narrow {
    width: 600px;
    margin: auto;
  }
}
@media (max-aspect-ratio: 8/7) {
  .content {
    width: 95%;
    margin: auto;
  }
  .content-narrow {
    width: 95%;
    margin: auto;
  }
}

.w100 {
  width: 100%;
}
.h100 {
  height: 100%;
}

.seamless-a {
  color: inherit;
}
.seamless-a:not(:hover) {
  text-decoration: none;
}
.seamless-a:visited {
  color: inherit;
}