@charset "UTF-8";
/* Atkinson Hyperlegible Next Font Definitions */

@font-face {
  font-family: 'AtkinsonHyperlegibleNextVF';
  src: url('https://www.brailleinstitute.org/fonts/AtkinsonHyperlegibleNextVF-Variable.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

html {
  font-family: 'AtkinsonHyperlegibleNextVF', sans-serif;
}

#header {
    margin: 0;
}

#ascii-logo {
    text-decoration: unset;
}

body {
    margin: auto;
    max-width: 50em;
    padding: 10px;
    color: #fdf4c1;
    background: #232323
}

a {
    color: #83A598;
}

a:visited {
    color: #076678
}

a.nav-button {
    text-decoration:unset
}

a.nav-button:visited {
    color: #83A598
}

a.nav-button:hover {
    text-decoration: underline
}

td {
    padding: 5px;
}

.title {
    font-size: 1.1em;
}

.rsvp-form {
    padding: 5px;
    border: 1px solid #707070;
    border-radius: 5px;
    display: inline-block;
}

#nav {
    padding: 10px;
    box-shadow: 0px 10px 10px -5px #00000080;
    position: sticky;
    top: 0;
    background: #ffffff;
}

#community-name {
    display: inline;
    padding-right: 10px;
}

code{white-space: pre-wrap;}
span.smallcaps{font-variant: small-caps;}
div.columns{display: flex; gap: min(4vw, 1.5em);}
div.column{flex: auto; overflow-x: auto;}
div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
/* The extra [class] is a hack that increases specificity enough to
       override a similar rule in reveal.js */
ul.task-list[class]{list-style: none;}
ul.task-list li input[type="checkbox"] {
    font-size: inherit;
    width: 0.8em;
    margin: 0 0.8em 0.2em -1.6em;
    vertical-align: middle;
}
.display.math{display: block; text-align: center; margin: 0.5rem auto;}

.rainbow{
    animation: rainbow 2.5s linear;
    animation-iteration-count: infinite;
}

@keyframes rainbow{
    100%,0%{
        color: rgb(255,0,0);
    }
    8%{
        color: rgb(255,127,0);
    }
    16%{
        color: rgb(255,255,0);
    }
    25%{
        color: rgb(127,255,0);
    }
    33%{
        color: rgb(0,255,0);
    }
    41%{
        color: rgb(0,255,127);
    }
    50%{
        color: rgb(0,255,255);
    }
    58%{
        color: rgb(0,127,255);
    }
    66%{
        color: rgb(0,0,255);
    }
    75%{
        color: rgb(127,0,255);
    }
    83%{
        color: rgb(255,0,255);
    }
    91%{
        color: rgb(255,0,127);
    }
}