html {
  -webkit-text-size-adjust: 100%;
  padding-bottom: 4em;
  font-size: 18px;
}

body {
  font-family: system-ui, sans-serif;
  line-height: 1.5;
  max-width: 40em;
  padding: 0 2%;
  margin: auto;
}

.text-input {
  width: 96%;
  display: block;
  padding: 0.5em 1%;
  margin-bottom: 1.5em;
  font-size: 1em;
}

fieldset {
  margin-bottom: 1.5em;
}

textarea {
  height: 10em;
}

dt {
  font-weight: bold;
}

.important {
  color: red;
}

.footer {
  text-align: right;
}
.centered {
  text-align: center;
}
.nope {
  display: none;
}

a {
  color: blue;
}
a:visited {
  color: purple;
}

.no-a-visited a:visited,
.cleanlinks a:visited {
  color: blue;
}

h3 {
  margin-top: 1.7em;
  margin-bottom: 0.3em;
}
h3 + ul {
  margin-top: 0;
  padding-top: 0;
}

#viewer-cat:checked ~ #for-cats::after {
  display: block;
  margin-top: 1em;
  content: "meow nya mrrp :3 pspsps";
}

#viewer-friend:not(:checked) ~ #switcharoo #onlyfriends {
  display: none;
}

#viewer-recruiter:checked ~ #switcharoo {
  display: flex;
  flex-direction: column;
}

#viewer-recruiter:checked ~ #switcharoo > div {
  order: 9999;
}

#viewer-recruiter:checked ~ #switcharoo > #links {
  order: 0;
}

#viewer-recruiter:checked ~ #switcharoo > #experience {
  order: 1;
}

#viewer-recruiter:checked ~ #switcharoo > #current-projects {
  order: 2;
}

#viewer-recruiter:checked ~ #switcharoo > #past-projects {
  order: 3;
}

#viewer-australian:checked ~ #switcharoo {
  transform: rotate(180deg);
}

#nocss {
  display: none;
}

@media (prefers-color-scheme: dark) {
  body {
    background-color: #121212;
    color: #f0f0f0;
  }
  a {
    color: cyan;
  }
  a:visited {
    color: pink;
  }

  .no-a-visited a:visited,
  .cleanlinks a:visited {
    color: cyan;
  }
}