:root{--sun:#2e0f7d; --pale:white; --dark:white}
body {
  background-color:black;
  color:var(--dark);
  font-family:'pc98', 'Arial Narrow', 'monospace';
  font-size:.9em;
  margin: 0;
  padding: 0;
}
* {scrollbar-color: var(--sun) var(--pale);}
@font-face {
  font-family: 'iosevka';
  src: url(https://cdn.jsdelivr.net/fontsource/fonts/iosevka@latest/latin-400-normal.ttf);
}
@font-face {font-family: 'pc98'; src: url(pc98.ttf);}
::selection {background:#e1d1f3; color:#492671}

h5 {
  font-size:1rem;
  font-weight:normal;
  margin:0;
} 

h1 {text-align: center;}
h1, h2, h3, h4 {font-style: italic;}

.box {
  padding:.5em;
  margin-inline:auto;
  position:absolute;
  left:50%;top:50%;transform: translateX(-50%) translateY(-50%);
}

.inside {
  border:1px dashed; 
  padding:.3em;
}
    
p {/*text-indent:1em;*/ margin:3px;} 

a {color:var(--sun); text-decoration:none;}
a:hover {font-style:italic;}

img, iframe {max-width:100%;}

ul {list-style: "> ";}

hr {
  border: none;
  border-top: 1px dashed var(--sun);
  overflow: visible;
  text-align: center;
  margin:none;
}

.tab {
  background:inherit;
  border:none;
  font-family:'pc98';
  color:var(--dark);
  padding:5px;
} .tab:before {content:"( "} .tab:after {content:" )"}

textarea {
  background:inherit;
  border:1px solid var(--dark);
  font-family:'iosevka';
  color:inherit;
}

#statuscafe-username {font-size:small;}
#statuscafe {padding:3px;}
#statuscafe-content:before {content:"'"} #statuscafe-content:after {content:"'"}

.border {
  color:white;
  filter: drop-shadow(.5px .5px 0 black) drop-shadow(-.5px 1px 0 black) drop-shadow(0 -.5px 0 black) drop-shadow(1px 0 black);
}

.flex {display:flex;}

#s-m-t-tooltip {
  background:inherit;
  border: 1px solid;
  font-size:1em;
  max-width: 300px;
  text-align: center;
  z-index: 9999;
  margin:1em;
  padding:.3em;
}