@charset "UTF-8";
*:focus {
  outline: none !important;
}

body {
  background-color: #ffffff;
  background-size: 4px 4px;
  background-image: linear-gradient(90deg, transparent, transparent 3px, rgba(0, 0, 0, 0.07) 4px), linear-gradient(transparent, transparent 3px, rgba(0, 0, 0, 0.07) 4px);
  color: #b15ccd;
  font-family: "Noto Sans", sans-serif;
  font-weight: 300;
  margin: 0;
  min-height: 100vh;
  box-shadow: inset 0 0 150px rgba(177, 92, 205, 0.4), inset 0 0 150px rgba(177, 92, 205, 0.3);
  display: flex;
  min-height: 100vh;
  flex-direction: column;
  letter-spacing: 0.1rem;
}

.container {
  padding: 0 4rem;
}

header {
  padding: 1rem 0;
}

h1 {
  text-transform: uppercase;
  font-weight: 300;
  letter-spacing: 0.7rem;
  text-shadow: 0.3rem 0.3rem 0 rgba(177, 92, 205, 0.2);
}
h1 span {
  margin-right: -0.7rem;
}
h1 small {
  font-weight: 500;
  text-transform: none;
  text-shadow: none;
  letter-spacing: 0.1rem;
}
h1 small::before {
  content: "–";
}

.pattern {
  border-top: 2px solid #b15ccd;
}

.pattern-inner {
  height: 40px;
  background-size: 50px 3px, 50px 1px, 50px 1px, 50px 1px, 50px 1px, 50px 1px, 50px 1px, 50px 1px, 50px 1px;
  background-position: 0 0, 22px 4px, 22px 5px, 22px 6px, 22px 7px, 28px 12px, 28px 13px, 28px 14px, 28px 15px;
  background-image: linear-gradient(90deg, #b15ccd, #b15ccd 10px, transparent 10px), linear-gradient(90deg, rgba(177, 92, 205, 0.4), rgba(177, 92, 205, 0.4) 1px, rgba(177, 92, 205, 0.8) 1px, rgba(177, 92, 205, 0.8) 2px, rgba(177, 92, 205, 0.9) 2px, rgba(177, 92, 205, 0.9) 3px, rgba(177, 92, 205, 0.4) 3px, rgba(177, 92, 205, 0.4) 4px, transparent 4px, transparent 12px, rgba(177, 92, 205, 0.4) 12px, rgba(177, 92, 205, 0.4) 13px, rgba(177, 92, 205, 0.8) 13px, rgba(177, 92, 205, 0.8) 14px, rgba(177, 92, 205, 0.9) 14px, rgba(177, 92, 205, 0.9) 15px, rgba(177, 92, 205, 0.4) 15px, rgba(177, 92, 205, 0.4) 16px, transparent 16px), linear-gradient(90deg, rgba(177, 92, 205, 0.9), rgba(177, 92, 205, 0.9) 1px, #b15ccd 1px, #b15ccd 2px, #b15ccd 2px, #b15ccd 3px, rgba(177, 92, 205, 0.9) 3px, rgba(177, 92, 205, 0.9) 4px, transparent 4px, transparent 12px, rgba(177, 92, 205, 0.9) 12px, rgba(177, 92, 205, 0.9) 13px, #b15ccd 13px, #b15ccd 14px, #b15ccd 14px, #b15ccd 15px, rgba(177, 92, 205, 0.9) 15px, rgba(177, 92, 205, 0.9) 16px, transparent 16px), linear-gradient(90deg, rgba(177, 92, 205, 0.9), rgba(177, 92, 205, 0.9) 1px, #b15ccd 1px, #b15ccd 2px, #b15ccd 2px, #b15ccd 3px, rgba(177, 92, 205, 0.9) 3px, rgba(177, 92, 205, 0.9) 4px, transparent 4px, transparent 12px, rgba(177, 92, 205, 0.9) 12px, rgba(177, 92, 205, 0.9) 13px, #b15ccd 13px, #b15ccd 14px, #b15ccd 14px, #b15ccd 15px, rgba(177, 92, 205, 0.9) 15px, rgba(177, 92, 205, 0.9) 16px, transparent 16px), linear-gradient(90deg, rgba(177, 92, 205, 0.4), rgba(177, 92, 205, 0.4) 1px, rgba(177, 92, 205, 0.8) 1px, rgba(177, 92, 205, 0.8) 2px, rgba(177, 92, 205, 0.9) 2px, rgba(177, 92, 205, 0.9) 3px, rgba(177, 92, 205, 0.4) 3px, rgba(177, 92, 205, 0.4) 4px, transparent 4px, transparent 12px, rgba(177, 92, 205, 0.4) 12px, rgba(177, 92, 205, 0.4) 13px, rgba(177, 92, 205, 0.8) 13px, rgba(177, 92, 205, 0.8) 14px, rgba(177, 92, 205, 0.9) 14px, rgba(177, 92, 205, 0.9) 15px, rgba(177, 92, 205, 0.4) 15px, rgba(177, 92, 205, 0.4) 16px, transparent 16px), linear-gradient(90deg, rgba(177, 92, 205, 0.4), rgba(177, 92, 205, 0.4) 1px, rgba(177, 92, 205, 0.8) 1px, rgba(177, 92, 205, 0.8) 2px, rgba(177, 92, 205, 0.9) 2px, rgba(177, 92, 205, 0.9) 3px, rgba(177, 92, 205, 0.4) 3px, rgba(177, 92, 205, 0.4) 4px, transparent 4px), linear-gradient(90deg, rgba(177, 92, 205, 0.9), rgba(177, 92, 205, 0.9) 1px, #b15ccd 1px, #b15ccd 2px, #b15ccd 2px, #b15ccd 3px, rgba(177, 92, 205, 0.9) 3px, rgba(177, 92, 205, 0.9) 4px, transparent 4px), linear-gradient(90deg, rgba(177, 92, 205, 0.9), rgba(177, 92, 205, 0.9) 1px, #b15ccd 1px, #b15ccd 2px, #b15ccd 2px, #b15ccd 3px, rgba(177, 92, 205, 0.9) 3px, rgba(177, 92, 205, 0.9) 4px, transparent 4px), linear-gradient(90deg, rgba(177, 92, 205, 0.4), rgba(177, 92, 205, 0.4) 1px, rgba(177, 92, 205, 0.8) 1px, rgba(177, 92, 205, 0.8) 2px, rgba(177, 92, 205, 0.9) 2px, rgba(177, 92, 205, 0.9) 3px, rgba(177, 92, 205, 0.4) 3px, rgba(177, 92, 205, 0.4) 4px, transparent 4px);
  background-repeat: repeat-x;
}

button {
  cursor: pointer;
  font: inherit;
  border: none;
  padding: 0.4rem 1rem;
  background-color: rgba(177, 92, 205, 0.35);
  color: #b15ccd;
  box-sizing: content-box;
  position: relative;
  border: 1px solid transparent;
  border-left: none;
  border-right: none;
}
button::before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  top: 3px;
  bottom: 3px;
  width: 0;
  background-color: #b15ccd;
  transition: width 0.2s;
}
button::after {
  content: "";
  display: none;
  position: absolute;
  background: #b15ccd;
  width: 100%;
  height: 2px;
  left: 0;
  bottom: -4px;
}
button:hover, button:focus {
  background-color: transparent;
  color: #ffffff;
  border-color: #b15ccd;
}
button:hover::before, button:focus::before {
  width: 100%;
}

main {
  flex: 1;
}

.content_thingOnLeft {
  padding-left: 4rem;
  background-image: linear-gradient(90deg, rgba(177, 92, 205, 0.2), rgba(177, 92, 205, 0.2) 14px, transparent 14px, transparent 20px, rgba(177, 92, 205, 0.2) 20px, rgba(177, 92, 205, 0.2) 23px, transparent 23px);
  margin-bottom: 2rem;
}

.content {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

img {
  box-shadow: 3px 3px 0 rgba(177, 92, 205, 0.6);
}

img#main_logo {
  box-shadow: none;
}

.animation_bg {
  position: relative;
  height: 100vh;
  overflow-x: hidden;
  overflow-y: hidden;
  z-index: 1;
}

img#sigil {
  box-shadow: none;
}

.sigil1 {
  opacity: 0.1;
  position: absolute;
  top: 400px;
  left: 1570px;
  max-width: 1000px;
  animation: sigil1 120s linear infinite;
}

@keyframes sigil1 {
  100% {
    rotate: 360deg;
  }
}
.sigil2 {
  opacity: 0.1;
  position: absolute;
  top: 125px;
  left: 1750px;
  max-width: 300px;
  animation: sigil2 120s linear infinite;
}

@keyframes sigil2 {
  100% {
    rotate: -1440deg;
  }
}
.sigil3 {
  opacity: 0.1;
  position: absolute;
  top: 20px;
  left: -150px;
  max-width: 600px;
  animation: sigil3 120s linear infinite;
}

@keyframes sigil3 {
  100% {
    rotate: -720deg;
  }
}
.sigil4 {
  opacity: 0.1;
  position: absolute;
  top: 580px;
  left: -100px;
  max-width: 300px;
  animation: sigil4 120s linear infinite;
}

@keyframes sigil4 {
  100% {
    rotate: -720deg;
  }
}
.sigil5 {
  opacity: 0.1;
  position: absolute;
  top: 800px;
  left: 20px;
  max-width: 400px;
  animation: sigil5 120s linear infinite;
}

@keyframes sigil5 {
  100% {
    rotate: -1080deg;
  }
}
/* unvisited link */
a:link {
  color: #b15ccd;
}

a.postLink {
  text-decoration: underline;
}

/* visited link */
a:visited {
  color: rgba(177, 92, 205, 0.2);
}

#wrap {
  float: left;
  position: relative;
  left: 50%;
}

#content {
  float: left;
  position: relative;
  left: -50%;
}

.post {
  overflow: scroll;
  scrollbar-color: #b15ccd transparent;
  scrollbar-width: thin;
  padding-right: 25px;
  text-align: justify;
  text-justify: auto;
  font-size: 1.5rem;
}

ul li:hover {
  background-color: rgba(177, 92, 205, 0.35);
}

ul#archive {
  list-style: none;
}

table {
  border-collapse: collapse;
  font-weight: inherit;
}

td,
th {
  padding: 0.5rem;
}

th {
  font-weight: normal;
  text-align: left;
  border-bottom: 0.1rem solid rgba(177, 92, 205, 0.3);
}

hr {
  margin: 1rem 0;
  border-top: solid #b15ccd;
  border-width: 0.1rem 0 0 0;
}

h2 {
  font-weight: lighter;
  border: solid #b15ccd;
  border-width: 0.1rem 0;
  padding: 0.1rem 1rem;
}

h3,
h4,
h5,
h6 {
  font-weight: lighter;
  letter-spacing: 0.1rem;
}

figure {
  display: -ms-flexbox;
  display: box;
  display: flex;
  -o-box-orient: vertical;
  flex-direction: column;
  margin: 0;
  margin-bottom: 1rem;
  padding: 0.5rem;
}

figure > :not(figcaption) {
  margin: 0.5rem;
}

figure > figcaption {
  -o-box-ordinal-group: -1;
  order: -1;
  margin: -0.5rem;
  margin-bottom: 0.5rem;
  padding: 0.5rem 1rem;
  font-size: 1.2rem;
  background-color: #b15ccd;
  color: #ffffff;
}

iframe {
  border: 0.1rem solid #ffffff;
}

blockquote {
  position: relative;
  padding: 2rem;
  text-align: justify;
  line-height: 1.5;
  font-family: "Noto Sans", sans-serif;
  font-weight: 300;
  font-size: 1.5rem;
  font-style: italic;
  margin: 0;
  display: flex;
  flex-direction: column;
  fallback: lower-alpha;
  border: solid rgba(177, 92, 205, 0.2);
}

cite {
  position: relative;
  padding-left: 2rem;
  font-style: normal;
}

cite:before {
  content: "";
  position: absolute;
  width: 0.7rem;
  height: 0.7rem;
  background-color: #b15ccd;
  margin-left: -1rem;
  top: 0.25em;
}/*# sourceMappingURL=style.css.map */