html {
  font-family: Helvetica, sans-serif;
  font-size: 16px;
}

body {
  color: rgb(222, 202, 234);
  background-color: rgb(26, 65, 40);
}

body.installation {
  color: rgb(149, 194, 233);
  background-color: rgb(76, 108, 86);
}

body.ceramics {
  color: rgb(134, 194, 153);
  background-color: rgb(70, 79, 99);
}

body.sculpture {
  color: rgb(53, 79, 79);
  background-color: rgb(209, 144, 144);
}

body.writing {
  color: #c2d6d6;
  background-color: #4f4b4b;
}

h1 {
  margin: auto;
  text-align: center;
  width: 30vw;
  height: 70px;
  padding-top: 70px;
}
img {
  display: block;
  max-height: 75vh;
  padding: 60px;
  margin: auto;
}
p {
  width: 60vw;
  margin: auto;
  text-align: left;
  line-height: 1.75;
  text-indent: 2em;
  margin-bottom: 2em;
}

h2 {
  font-size: 20px;
  margin: auto;
  width: fit-content;
  text-align: left;
  padding: 20px;
}

h3 {
  font-size: 20px;
  margin: 40px;
}

h4 {
  text-align: center;
}

ul {
  list-style: none;
  margin: auto;
  text-align: center;
}
li.special-li {
  display: block;
  text-align: center;
  margin-top: 40px;
  margin-bottom: 100px;
  margin-left: 5%;
  margin-right: 5%;
}
a {
  display: block;
  text-align: center;
  margin-bottom: 40px;
  color: inherit;
}

a:hover {
  text-decoration: none;
}
.special-link {
  font-size: 50px;
}

a.no-style {
  display: inline;
}

p.specialp {
  text-indent: -45px;
  text-align: left;
}

dd {
  text-align: center;
  margin-bottom: 40px;
}