html {
  background-color: #272727;
  color: #DFDFDF;
}
header {
  background-color: #272727;
}
header #logo {
  border-right: 2px solid #DFDFDF;
}
header nav a {
  border-bottom: 0.2em solid #00000000;
}
ul#music-list li a {
  color: #DFDFDF;
}
ul#music-list li a:hover,
ul#music-list li a:focus {
  color: #1AA88C;
}
ul#music-list li a:hover svg,
ul#music-list li a:focus svg {
  color: #1AA88C;
}
ul#project-list li a {
  color: #DFDFDF;
}
ul#project-list li a:hover,
ul#project-list li a:focus {
  color: #AC9961;
}
.audio-player {
  box-shadow: 0.05rem 0.05rem 0 0.1rem #000000;
}
.audio-player input::-webkit-slider-thumb {
  background-color: #1AA88C;
}
.audio-player input::-moz-range-thumb {
  background-color: #1AA88C;
}
.audio-player input::-webkit-slider-runnable-track {
  background-color: #DFDFDF;
}
.audio-player input::-moz-range-track {
  background-color: #DFDFDF;
}
.audio-player button,
.audio-player input {
  border-bottom: 0.15rem solid #00000000;
}
.audio-player button:focus,
.audio-player input:focus {
  border-bottom: 0.15rem solid #1AA88C;
}
a::selection,
a *::selection {
  color: #DFDFDF;
  text-decoration-color: #DFDFDF;
}
svg {
  fill: #DFDFDF;
}
code {
  background-color: #4b4b4b;
  border: 0.15rem solid #4b4b4b;
}
code .highlight1 {
  color: #C15E55;
}
code .highlight2 {
  color: #5F78A8;
}
.annum {
  column-rule: 1px #A69F7C solid;
}
.annum h4 {
  border-bottom: 1px #A69F7C solid;
}
html.accent1 *::selection {
  background-color: #4e3533;
  background-color: #C15E55;
}
html.accent1 header nav a:nth-child(1) {
  border-bottom: 0.2em solid #C15E55;
}
html.accent1 header #logo span:hover {
  color: #C15E55;
}
html.accent1 main a {
  color: #C15E55;
}
header nav a:nth-child(1):hover,
header nav a:nth-child(1):focus {
  color: #C15E55;
  border-bottom: 0.2em solid #C15E55;
}
header nav a:nth-child(1)::selection {
  background-color: #4e3533;
  background-color: #C15E55;
}
html.accent2 *::selection {
  background-color: #244740;
  background-color: #1AA88C;
}
html.accent2 header nav a:nth-child(2) {
  border-bottom: 0.2em solid #1AA88C;
}
html.accent2 header #logo span:hover {
  color: #1AA88C;
}
html.accent2 main a {
  color: #1AA88C;
}
header nav a:nth-child(2):hover,
header nav a:nth-child(2):focus {
  color: #1AA88C;
  border-bottom: 0.2em solid #1AA88C;
}
header nav a:nth-child(2)::selection {
  background-color: #244740;
  background-color: #1AA88C;
}
html.accent3 *::selection {
  background-color: #c2ccde;
  background-color: #5F78A8;
}
html.accent3 header nav a:nth-child(3) {
  border-bottom: 0.2em solid #5F78A8;
}
html.accent3 header #logo span:hover {
  color: #5F78A8;
}
html.accent3 main a {
  color: #5F78A8;
}
header nav a:nth-child(3):hover,
header nav a:nth-child(3):focus {
  color: #5F78A8;
  border-bottom: 0.2em solid #5F78A8;
}
header nav a:nth-child(3)::selection {
  background-color: #c2ccde;
  background-color: #5F78A8;
}
html.accent4 *::selection {
  background-color: #e0dcd0;
  background-color: #AC9961;
}
html.accent4 header nav a:nth-child(4) {
  border-bottom: 0.2em solid #AC9961;
}
html.accent4 header #logo span:hover {
  color: #AC9961;
}
html.accent4 main a {
  color: #AC9961;
}
header nav a:nth-child(4):hover,
header nav a:nth-child(4):focus {
  color: #AC9961;
  border-bottom: 0.2em solid #AC9961;
}
header nav a:nth-child(4)::selection {
  background-color: #e0dcd0;
  background-color: #AC9961;
}
.audio-player {
  box-shadow: 0.05rem 0.05rem 0 0.1rem #676767;
}
code {
  background-color: #181818;
  border: 0.15rem solid #181818;
}
.annum {
  column-rule-color: #5E563F;
}
.annum h4 {
  border-bottom-color: #5E563F;
}