@font-face {
    font-family: balsamiq sans;
    src: url(https://files.catbox.moe/rqata3.ttf);
}

@font-face {
    font-family: magicretro;
    src: url(https://files.catbox.moe/lmcibr.ttf);
}

@font-face {
    font-family: romantic;
    src: url(https://files.catbox.moe/0u8u6s.TTF);
}

@font-face {
    font-family: cordata;
    src: url(https://files.catbox.moe/5wpn5k.ttf);
}

@font-face {
    font-family: magic;
    src: url(https://files.catbox.moe/619jve.ttf);
}

@font-face {
    font-family: monster;
    src: url(https://files.catbox.moe/x4j5fu.otf);
}

@font-face {
    font-family: dotgothic16;
    src: url(https://files.catbox.moe/nh1ity.ttf);
}

@font-face {
    font-family: handjet;
    src: url(https://files.catbox.moe/cxtb9k.ttf);
}

@font-face {
    font-family: kosugimaru;
    src: url(https://files.catbox.moe/bgypu8.ttf);
}

@font-face {
    font-family: yusei magic;
    src: url(https://files.catbox.moe/d4egdo.ttf);
}

    
:root {
  --lightyellow: #faf0ca;
  --midyellow: #ffe59e;
  --midbrown: #9c6f56;
  --darkbrown: #593b2e;
  --lightbrown: #d6b79a;
  --pink: #f5bcdb;
  --textshadow1: -1px 0px var(--darkbrown), 0px 1px var(--darkbrown), 1px 0px var(--darkbrown), 0px -1px var(--darkbrown);
  --picoutline: drop-shadow(0px 2px white) drop-shadow(0px -2px white) drop-shadow(0px 0px white) drop-shadow(-2px 0px white) drop-shadow(-2px 0px white) drop-shadow(2px 0px white) drop-shadow(2px 0px white) drop-shadow(0px 0px 2px #0000001a) drop-shadow(2px 2px 2px #0000001a);
}

body {
    color: var(--darkbrown);
    word-wrap: break-word;
    margin: 0;
	padding: 6px;
}

.page {
    background: white;
}

u {
    text-decoration: wavy underline;
    text-decoration-thickness: .5px;
}

html, a {
    cursor: url(https://cur.cursors-4u.net/food/foo-2/foo198.cur), auto !important;
}

b {
    color: var(--midbrown);
}

::selection {
    background-color: #f5bcdba0;
    color: #df84b6;
    text-shadow: none;
    filter: none;
}

a:hover {
    font-style: italic;   
    color: var(--midbrown);
}

a:visited {
    color: var(--midbrown);
}

::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

::-webkit-scrollbar-track {
    background: var(--lightbrown); 
    border: 1px solid #ad8763;
    box-shadow: #c9a079 0 0 2px 1px inset;
    border-radius: 4.5px;
}

::-webkit-scrollbar-thumb {
    background: white;
    border: 1px solid var(--midbrown);
    border-radius: 4.5px;
}