* { text-align: center; vertical-align: middle; margin: 0; padding: 0; display: inline-block; }

head, script { display: none; }
body { background: #ffffff; color: #000000; font-family: sans-serif; }

div { display: block; }
a { text-decoration: none; color: #8900B7; transition: all 0.2s ease; }
a:link {  }
a:visited {  }
a:hover { color: #D53FFF; }
a:active { color: #D53FFF; }

header { position: sticky; top: 0; background-color: #ffffff; }
header div.header img.logo-p { max-height: 2em; }
header div.header img.logo-plurle { max-height: 1.5em; }

div.abs-middle { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
div.transition { transition: all 0.25s ease; }
div.transition:hover { transform: scale(1.1); }

.purple-fore { color: #8900B7; }
.purple-back { background-color: #8900B7; }

@media (prefers-color-scheme: dark1) {
    body { color: #ffffff; background-color: #000000; }
    header { background-color: #000000; }
}

input[type=text]:focus { outline: 3px solid #8900B7; }

input[type=text] {  }
input:checked {  }
input:disabled {  }
input:enabled {  }
input:focus {  }
input:in-range {  }
input:invalid {  }
input:optional {  }
input:out-of-range {  }
input:read-only {  }
input:read-write {  }
input:required {  }
input:valid {  }