@import "fonts.css";

:root {
    --sidebar-size: 280px;
    --dark-bg: #000;
    --dark-text: #fff;
    --light-bg: #fff;
    --light-text: #000;
}

#bio,
#quote-text {
    margin: 0 auto;
    max-width: 300pt;
}

#quote-name {
    margin: 1em auto;
    max-width: 300pt;
    text-align: right;
}

#space {
    height: 120px;
}

* {
    box-sizing: border-box;
}

body {
    background: var(--dark-bg);
    color: var(--dark-text);
    margin: 0;
    padding: 0;
    text-align: center;
}

h1 {
    margin-top: 100px;
}

hr {
    max-width: 300pt;
}

.emoji {
    display: inline-block;
    height: 1em;
    transform: translate(0, 0.1em);
    width: 1em;
}

a {
    color: var(--dark-text);
}

a:link a:visited {
    color: var(--dark-text);
}

ul {
    padding: 0;
}

li {
    display: inline;
    list-style-type: none;
}

li:not(:last-child)::after {
    content: " • ";
}