:root {
  color-scheme: light dark;

  --bg: #dcd7ba;
  --fg: #090618;
  --fonx: VT323, monospace;
  --link: #7e9cd8;

  font-size: 2.8rem;
  box-sizing: border-box;
  background: light-dark(var(--bg), var(--fg));
  color: light-dark(var(--fg), var(--bg));
  font-family: var(--fonx);
}

body {
  display: flex;
  flex-direction: column;
  margin-left: auto;
  margin-right: auto;
  align-items: center;
  align-content: center;
}

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

.ascii {
  font-weight: bold;
  align-self: center;
  padding-top: 8%;
  font-size: 0.6rem;
}

h1 {
  font-size: 1.2rem;
  padding-top: 6%;
}

h2 {
  padding-top: 6%;
}


.contact {
  display: flex;
  justify-content: space-between;
  width: 70%;

  @media only screen and (max-device-width: 1024px) {
    display: block;
    text-align: center;
  }
}

.projects {
  padding-bottom: 6%;
}