html {
  background-color: #000;
  color: #fcfafc;
  font-family: monospace, monospace;
}

body {
  max-width: 666px;
  margin: 16px auto;
  padding: 16px;
}

ul > li {
  list-style-type: square;
}

#header li {
  list-style-type: none;
}

#header {
  display: flex;
  flex-direction:column;
  text-align: center;
}

#header nav ul {
  display: flex;
  flex-direction: row;
  padding-left: 0;
  gap: 16px;
  justify-content: center;
}

#content {
  overflow-x: hidden;
}

img {
  width: 100%;
  max-height: auto;
}

img#avatar {
  width: 100%;
  margin: 0 auto;
}

img.teeny {
  width: 32px;
  display: inline-block;
  vertical-align: middle;
}

#footer img {
  width: initial;
}

.buttons {
  display: flex;
  flex-direction: row;
  gap: 4px;
  flex-wrap: wrap;
}

a, a:hover, a:active, a:visited {
  text-decoration: none;
  color: #cfafcf;
}

a:hover, a:active {
  color: #fcfafc;
}

hr {
  background-color: #2a2a2a;
  height: 1px;
  border: 0;
  margin: 8px 0;
}

code {
  display: block;
  background-color: #181818;
  color: #ccc;
  width: 100%;
  padding: 8px 12px 8px 12px;
  margin: 10px 0;
  margin-right: -12px;
  white-space: pre;
  overflow-x: scroll;
}

i {
  opacity: 0.5;
}

/* gradients borrowed from domi's webpage - sdomi.pl */

.pride-gradient {
	/*background-size: 200% 200%;*/
	background-position: 0% 100%;
	background-image: linear-gradient(to left, #e40303 16.66%, #ff8c00 16.66% 33.33%, #ffed00 33.33% 50%, #008026 50% 66.66%, #004dff 66.66% 83.33%, #750787 83.33% 100%);
	background-clip: text;
	-webkit-background-clip: text;
	color: rgba(0,0,0,0);
}

.enby-gradient {
	background-image: linear-gradient(to left, #fdf12d 25%, #fdfdfd 25% 45%, #9b57cf 50% 75%, #444 75% 100%) !important;
}

.trans-gradient {
	background-image: linear-gradient(to left, #32bcf6 20%, #f7b0c4 20% 40%, #fff 40% 60%, #f7b0c4 60% 80%, #32bcf6 80% 100%) !important;
}

.poly-gradient {
	background-image: linear-gradient(to left, #20c6fe 33%, #f82076 33% 66%, #552f7d 66% 100%) !important;
}

/* my own */

.lesbian-gradient {
  background-image: linear-gradient(to left, #d52d00 14%, #ef7627 14% 28%, #ff9a56 28% 42%, #fff 42% 56%, #d162a4 56% 70%, #b55690 70% 85%, #a30262 85% 100%) !important;
}