@import url("../colorPalettes/highContrast.css");

body {
    background-color: var(--HCblack);
    font-family: var(--fontStack);
    color: var(--HCwhite);
}

#wrapper {
    background-color: var(--HCblack);
    border: 6px solid var(--HCborder);
}

aside {
    background-color: var(--HCpanel);
    border: 3px solid var(--HCborder);
}

/* Middle */

main section {
    background-color: var(--HCpanel);
    border: 3px solid var(--HCborder);
}

#ryoba {
    border: 3px solid var(--HCborder);
}

.boxes th,
.boxes td {
    border: 2px dashed var(--HCborder);
}

/* Right-side */

aside section {
    background-color: var(--HCpanel);
    border: 3px solid var(--HCborder);
}

hr {
    width: 100%;
    border: 2px dashed var(--HCdivider);
}

h2 {
    font-family: "maddison", Helvetica, sans-serif;
    font-size: 2.3em;
    letter-spacing: -5px;

    height: 50px;

    color: var(--HCwhite);
}

h2 span {
    display: inline-block;
    height: inherit;
}

quote::before,
quote::after,
li::before {
    color: var(--HCwhite);
}

li::before {
    content: "❤︎";
    font-size: 10px;
    margin-right: 3px;
    vertical-align: text-top;
}

.mark {
    background-color: var(--HCwhite);
    color: var(--HCblack);
}

a {
    color: var(--HCwhite);
    text-decoration: underline;
}

h3 {
    color: var(--HCwhite);
}