:root {
  --background-color: rgb(172, 179, 212);
  --box-color: rgba(255, 255, 255, 0.3);
  --link-color: #47507a;
  --link-color-hovered: #6a79b8;
  --link-color-visited: #69487a;
  --link-color-hovered-visited: #885d9e;
}

@font-face {
  font-family: Nunito;
  src: url("/assets/fonts/nunito.ttf");
}
body {
  background-color: var(--background-color);
  background-image: url("/assets/images/bg.webp");
  background-size: 20%;
  background-attachment: fixed;
  image-rendering: pixelated;
  font-family: "Nunito", monospace;
  font-size: 1.25rem;
  /* font-family: "Comic Sans", monospace; */
  /* font-weight: 800; */
  /* font-style: normal; */
  margin-left: 5vw;
  margin-right: 5vh;
}

body > * {
  image-rendering: smooth;
}

a {
  text-decoration: none;
  color: var(--link-color);
}

a:visited {
  color: var(--link-color-visited);
}

a:hover {
  color: var(--link-color-hovered);
}

a:hover:visited {
  color: var(--link-color-hovered-visited);
}

/* .ellipsis-overflow {
	white-space: nowrap;
	overflow: hidden;
	list-style-position: inside;
	text-overflow: ellipsis;
} */
.dimmed {
  color: rgba(0, 0, 0, 0.4);
}

img {
  max-height: 15em;
  border: 3px solid black;
  border-radius: 5px;
}

.header-image {
  float: left;
  height: 6em;
  margin: 10px;
  margin-top: -10px;
}

.expanded-image {
  height: 15em;
  image-rendering: pixelated;
}

.link {
  display: inline-flex;
  border: 3px solid var(--link-color);
  border-radius: 5px;
  gap: 0.5rem;
  margin: 0.25rem;
  padding: 5px;
  background-color: var(--box-color);
  justify-content: center;
  align-items: center;
}

.card {
  display: inline-block;
  border: 3px solid var(--link-color);
  border-radius: 5px;
  height: 6em;
}

.card > img {
  height: 6em;
  border: none;
  border-radius: 0px;
  baseline: text-center;
}

.big-card {
  display: inline-flex;
  flex-direction: column;
  border: 3px solid var(--link-color);
  border-radius: 5px;
}

.big-card > img {
  height: max(2em, min(20vw, 20vh));
  width: auto;
  border: none;
  border-radius: 0px;
  baseline: text-center;
}

.card:visited,
.link:visited {
  border-color: var(--link-color-visited);
}

.card:hover,
.link:hover {
  border-color: var(--link-color-hovered);
}

.card:hover:visited,
.link:hover:visited {
  border-color: var(--link-color-hovered-visited);
}

.link > img {
  border: none;
  border-radius: 0px;
}

nav {
  background-color: var(--box-color);
  /* margin-top: 0px; */
  margin-bottom: 1em;
  padding: 1em;
  /* border: 3px solid black; */
  border-radius: 10px;
}

footer {
  background-color: var(--box-color);
  margin-top: 1em;
  padding: 1em;
  border-radius: 10px;
}

@media (min-height: 60vh) {
  body {
    margin-left: 15vw;
    margin-right: 15vw;
  }
}

/*# sourceMappingURL=styles.css.map */