body {
  font-family: 'Iosevka Web', monospace;
	font-style: normal;
  font-size: 1.3vw;
  font-weight: normal;
  background: #1a1b26;
  -webkit-font-smoothing: antialiased;
}

main {
  padding-right: 5px;
  padding-left: 5px;
}

header {
  font-weight: inherit;
  margin-block-start: 1rem;
  margin-block-end: 1rem;
}

header.article-header {
}

header.site-header {
  border: 1px solid #7aa2f7;
  padding: 5px;
}

header.site-header h1.site-title {
  font-size: 1.3vw;
  display: inline;
  font-weight: bold;
}

footer {
  margin-block-start: 1rem;
  margin-block-end: 1rem;
}

footer.site-footer {
  /* font-size: 1vw; */
  border: 1px solid #7aa2f7;
  padding: 5px;
}

article {}

section {}

details p {
  font-weight: inherit;
  font-size: 1.0vw;
}

details .hash {
  color: rgb(254,166,255);
}

summary {
  font-weight: inherit;
  text-decoration: underline;
}

hr {
  height: 1px;
  background-color: #f7768e;
  border: 0;
}

hr.invisible {
  visibility: hidden;
  display: none;
}

p {}

a {
  color: #7dcfff;
	text-decoration: none;
}

a:visited {
  color: #7aa2f7;
}

a:hover {
  color: #99ffee;
}

a:active {
  color: #e0af68;
}

/* CUSTOM STYLES */

.container {
  display: flex;
  justify-content: center;
}

.content {
  display: flex;
  flex-direction: column;
  width: 1080px;
  color: #c0caf5;
  margin: 1.5rem;
  max-width: 80ch;
}

.social-svg {
  fill: white;
}

/* .site-header { */
/*   padding-top: 20px; */
/*   font-weight: bold; */
/* } */

/* .site-footer { */
/*   padding-top: 1rem; */
/*   padding-bottom: 20px; */
/*   font-size: 0.9vw; */
/* } */

/* .container { */
/*   display: flex; */
/*   justify-content: center; */
/*   height: 100vh; */
/* } */

/* .content { */
/*   display: flex; */
/*   flex-direction: column; */
/*   width: 1080px; */
/*   height: 100vh; */
/* } */

/* .article-header { */
/*   margin: inherit; */
/*   padding: inherit; */
/* } */

/* summary { */
/*   font-size: smaller; */
/* } */

.color-div {
  palette0: #15161e;
  palette1: #f7768e;
  palette2: #9ece6a;
  palette3: #e0af68;
  palette4: #7aa2f7;
  palette5: #bb9af7;
  palette6: #7dcfff;
  palette7: #a9b1d6;
  palette8: #414868;
  palette9: #f7768e;
  palette10: #9ece6a;
  palette11: #e0af68;
  palette12: #7aa2f7;
  palette13: #bb9af7;
  palette14: #7dcfff;
  palette15: #c0caf5;

  background: #1a1b26;
  foreground: #c0caf5;

  cursor-color: #c0caf5;
  cursor-text: #15161e;
  selection-background: #33467c;
  selection-foreground: #c0caf5;

  /* Cyberpunk */
  neonblue: rgb(60, 105, 254);
  purpleblue: rgb(170, 170, 255)
  neonpink: rgb(254,166,255);
  punkdarkgray:  rgb(32,32,32);
  punkgray:      rgb(38,38,38);
  punklightgray: rgb(83,83,83);
}