@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Sedgwick+Ave&display=swap');

:root {
    --site-primary: #396eea;
    --site-primary-hover: #658dec;
    --site-midtone: #2b2b2b;
    --site-darktone: #969696;
    --site-default-bg: #1e1e1e;
    --site-default-fg: #ababab;
    --site-notice: #f6c358;
    --site-warning: #fcb46e;
    --site-error: #712c2f;
    --site-text: #d7d7ff;
}

body {
    color: var(--site-text);
    background: #000000;
}

a {
    color: var(--site-primary);
    text-decoration: none;
    font-family: 'Roboto', sans-serif;
}

a:hover {
    color: var(--site-primary-hover);
    text-decoration: underline;
}

h1 {
    color: var(--site-primary);
    font-size: 3em;
    font-weight: bold;
    text-shadow: 2px 2px 5px var(--site-primary);
}

p {
    font-family: 'Sedgwick Ave', cursive;
    font-size: 1.2em;
}

@font-face {
    font-family: site-title;
    src: url(/css/title-font.otf);
}

.site-title {
    position: relative;
    top: -100px;
    font-family: site-title;
    text-align: center;
}

.site-link-irc {
    position: relative;
    top: -50px;
}

div.fixed {
    position: fixed;
    bottom: 0;
    width: 100%;
}

pre {
    text-align: center;
}

.ascii {
    font-family: Courier;
    font-size: 8pt;
    font-weight: bold;
}