@font-face {
	font-family: 'A';
	src: url(/r.ttf);
	font-weight: normal;
}
@font-face {
	font-family: 'A';
	src: url(/b.ttf);
	font-weight: bold;
}
:root {
    --main: #7d35ff;
    --accent: #ffe497;
    --accentDark: #ffb164;
	--gray: rgba(0, 0, 0, 0.5);
    --black: #000;
    --white: #fff;
    --shadow: rgba(0, 0, 0, 0.125);
}
*, ::after, ::before {
    outline: 0;
    border: 0;
    margin: 0;
    padding: 0;
    box-sizing: border-box;

	scrollbar-color: var(--accentDark) var(--main);
	scrollbar-width: thin;

    scroll-behavior: smooth;
    transition: all 0.125s;

    font-family: "A", -apple-system, BlinkMacSystemFont,
    "Segoe UI", system-ui, Roboto, Oxygen-Sans, Ubuntu, Cantarell,
    "Helvetica Neue", sans-serif;

    font-size: inherit;
    word-spacing: 0.25rem;
    line-height: 1.25;
    /*color-scheme: dark;*/
    accent-color: var(--accent);
    user-select: none;
}
:active, :focus {
    outline: 0;
    -webkit-tap-highlight-color: transparent;
}
::selection {
    opacity: 1;
    background: var(--black);
    color: var(--white);
}
::placeholder {
    opacity: 1;
    color: var(--main);
    font-weight: bold;
}
::-webkit-scrollbar {
    width: 0.5rem;
    height: 0.5rem;
}
::-webkit-scrollbar-thumb { background: var(--accentDark); }
::-webkit-scrollbar-track { background: var(--main); }
html, body {
    width: 100%;
    height: 100%;
}
a {
    text-decoration: underline;
    color: var(--white);
}
a[href]:hover, a[href]:active, a[href]:focus { opacity: 0.5; }
html { background-color: var(--main); }
body {
    overscroll-behavior: none;
    text-align: left;
    font-size: 1rem;
    text-shadow: 0 0.05rem 0.05rem var(--shadow);
    color: var(--white);
    overflow: hidden;
	overflow-y: auto;
}
ol, ul { list-style: none; }
header, footer { display: flex; }
[data-logo] {
	width: 139px;
	height: 60px;
	background: url(l.svg);
	background-size: 100%;
	position: relative;
}

@media screen and (max-width: 640px), (max-width: 960px) {  }
@media screen and (max-width: 640px){  }
@media screen and (min-width: 961px){  }

/*@media (prefers-color-scheme: light/dark) {

}*/