@import url("vars.css");
@import url("media.css");
@import url("fonts.css");
* {
  font-family: Monaco;
}

body {
  margin: 0px;
  background-color: var(--page-background-color);
  background-image: url("/static/backgrounds/background");
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: cover;
}

h1::first-letter,
h2::first-letter,
h3::first-letter {
  font-family: FetteFraktur;
  text-transform: uppercase;
}

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

a:hover {
  cursor: url("/static/icons/cursor.ico"), auto;
  font-weight: bold;
  text-decoration: underline;
}

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

ul {
  list-style: none;
}

ul > li {
  padding-top: 5px;
}

ul > li::before {
  content: var(--bullet-point-first);
}

ul > li > ul > li::before {
  content: var(--bullet-point-second);
}

hr {
  width: 100%;
  border-top: var(--border-default);
}

img {
  max-height: 60%;
  max-width: 90%;
  margin: 10px auto;
  display: block;
  border: var(--border-default);
}

pre {
  padding: 0.35em;
  width: 90%;
  min-width: 200px;
  border-radius: 0.3rem;
}

code {
  padding: 3px;
  border-radius: 0.25em;
}

pre, code {
  color: white;
  background: black;
}

pre code {
  display: block;
  padding: 0.5em;
  border-radius: 0.3rem;
  white-space: pre-wrap;
  -webkit-overflow-scrolling: touch;
  overflow-x: auto;
  font-family: FiraCode;
  font-size: inherit;
  word-wrap: break-word;
  box-decoration-break: clone;
}

button {
  padding: 0.25em;
  text-align: center;
  color: white;
  background-color: #555555;
  border: none;
  border-radius: 0.2rem;
}

button:hover {
  background-color: #4d7280;
}

table {
  margin: 1.25em auto;
  text-align: left;
}

th {
  font-weight: bold;
}

td, th {
  padding: 0.25em 0.4em;
}

table tr:nth-child(odd) td {
  background-color: #cdcdcd;
}

.page {
  margin: auto;
  background-color: var(--page-background-color);
  color: black;
  border: var(--border-default);
}

.content {
  width: 90%;
  margin: auto;
  padding: 5%;
}

.grid {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}

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