:root {
  --headerfont: "manaspaceregular", "pixel_arial_11bold",
    "monster_friend_foreregular";
  --regsize: 1rem;
}
html {
  font-size: 18px;
  background-image: url('/assets/purpink-bg.gif');
  /*other bgs
  https://files.catbox.moe/y9n6a4.png - strawberry
  https://files.catbox.moe/gl7ucf.webp - spacey
  https://files.catbox.moe/q74sp5.png - green
  https://files.catbox.moe/0ruw30.gif - pplhearts
  https://files.catbox.moe/xtr3fp.gif - ghosty - for october
  https://files.catbox.moe/gzqntd.gif - white floral
  */
  background-attachment: fixed;
  word-wrap: break-word;
  background-color: plum;
}

body {
  margin: auto;
  max-width: 850px;
  font-family: "rainyheartsmedium", "pixel_unicoderegular", Arial, Roboto,
    sans-serif;
  line-height: 1.2;
}
main {
  padding: 10px;
}

.wrapper {
  padding: 0px 15px 5px 15px;
}
h1 {
  font-family: var(--headerfont);
  font-size: 1.3rem;
  text-align: center;
}
h1:before {
  content: "˗ˋˏ ";
}
h1:after {
  content: " ˎˊ˗";
}
h2 {
  font-family: var(--headerfont);
  font-size: 1.15rem;
}
h3 {
  font-family: var(--headerfont);
  font-size: 1rem;
}

p {
  font-size: var(--regsize);
}

li {
  font-size: var(--regsize);
  list-style-image: url("https://files.catbox.moe/z6borr.gif");
  image-rendering:pixelated;
}

ul{
  padding-left:25px;
}

textarea{
  background-color:white;
  border-top:2px solid gray;
  border-left:2px solid gray;
  border-bottom:2px solid white;
  border-right:2px solid white;
  outline:0.75px inset black;
}

a {
  color: purple;
}

a:hover {
  background-color: lavender;
}

::selection {
  background: plum;
}
a:not([href*="slashdiv.neocities.org"]):not([href^="#"]):not([href^="/"]):after {
  content: " " url("/assets/outlink.png");
  image-rendering:pixelated;
}

.buttons a:not([href*="slashdiv.neocities.org"]):not([href^="#"]):not([href^="/"]):after {
  content: none;
}

/* Start https://www.cursors-4u.com */
* {
  cursor: url(https://ani.cursors-4u.net/symbols/sym-8/sym758.ani),
    url(https://ani.cursors-4u.net/symbols/sym-8/sym758.png), auto !important;
} /* End https://www.cursors-4u.com */

@keyframes fallingsparkles {
  from {
    transform: translateY(0);
  }

  to {
    transform: translateY(50px);
  }
}

hr{
  border:2px ghostwhite inset;
}

button, .btmbtn a{
  border-bottom:2px solid gray;
  border-right:2px solid gray;
  border-left:2px solid white;
  border-top:2px solid white;
  background-color:lightgray;
  padding:3px;
  font-family:"rainyheartsmedium", "pixel_unicoderegular", Arial, Roboto,
    sans-serif;
  display:inline-block;
  text-align:center;
  font-size:1rem;
}

button:active, .btmbtn a:active{
  border-bottom:2px solid white;
  border-right:2px solid white;
  border-left:2px solid gray;
  border-top:2px solid gray;
}

button:focus, button:hover, .btmbtn a:focus, .btmbtn a:hover{
  outline:0.5px black dotted;
  outline-offset:-4px;
}

.window{
  border-bottom:4px solid gray;
  border-right:4px solid gray;
  border-left:4px solid white;
  border-top:4px solid white;
  outline:1px black outset;
  box-sizing:border-box;
  margin:0 auto;
  background-color:lightgray;
  margin-bottom:20px;
  filter:grayscale(100%);
}

header{
  filter:grayscale(0%) !important;
}
.titlebar{
  padding:5px;
  background: linear-gradient(90deg,#57A6E5,#FEA5E5,#dadaf1,#FEA5E5,#57A6E5);
  height:auto;
  justify-content: space-between;
  align-items:center;
  display:flex;
  margin:2px;
}
.window:active, .window:focus, .window:hover{
  filter:none;
}

.titlebar button{
  width:25px;
  font-size:0.7rem;
}
.title{
  display:inline;
  width:60%;
  word-wrap:break-word;
}
.title h1{
  color:white;
  text-shadow:1.5px 1.5px 0px gray;
  font-family:var(--headerfont);
  font-size:14px;
  display:inline;
}

.buttons{
  display:flex;
  position:relative;
  align-items:flex-end;
}

.buttons button{
  margin-left:3px;
  }

.stuff{
  padding:15px;
}

.btmbtn{
  padding:5px;
  margin-bottom:10px;
  margin-right:10px;
  margin-left:10px;
  text-align:right;
}

.btmbtn button, .btmbtn a{
  padding-left:10px;
  padding-right:10px;
  margin-bottom:10px;
  color: black;
  text-decoration:none;
}

.btmbtn button:focus{
  outline:0.5px black dotted;
  outline-offset:-4px;
}