* {
box-sizing: border-box;
border: 0;
font: inherit;
font-size: 100%;
line-height: 1.2em;
margin: 0;
outline: 0;
padding: 0;
text-decoration: none;
vertical-align: baseline;
}

@font-face {
font-family: "open sans";
font-style: normal;
font-weight: 300;
src: url("/static/fonts/OpenSans-Light.woff2") format("woff2");
}
@font-face {
font-family: "open sans";
font-style: italic;
font-weight: 300;
src: url("/static/fonts/OpenSans-LightItalic.woff2") format("woff2");
}
@font-face {
font-family: "open sans";
font-style: normal;
font-weight: 400;
src: url("/static/fonts/OpenSans-Regular.woff2") format("woff2");
}
@font-face {
font-family: "open sans";
font-style: italic;
font-weight: 400;
src: url("/static/fonts/OpenSans-Italic.woff2") format("woff2");
}
@font-face {
font-family: "open sans";
font-style: normal;
font-weight: 600;
src: url("/static/fonts/OpenSans-SemiBold.woff2") format("woff2");
}
@font-face {
font-family: "open sans";
font-style: italic;
font-weight: 600;
src: url("/static/fonts/OpenSans-SemiBoldItalic.woff2") format("woff2");
}
@font-face {
font-family: "open sans";
font-style: normal;
font-weight: 700;
src: url("/static/fonts/OpenSans-Bold.woff2") format("woff2");
}
@font-face {
font-family: "open sans";
font-style: italic;
font-weight: 700;
src: url("/static/fonts/OpenSans-BoldItalic.woff2") format("woff2");
}
@font-face {
font-family: "open sans";
font-style: normal;
font-weight: 800;
src: url("/static/fonts/OpenSans-ExtraBold.woff2") format("woff2");
}
@font-face {
font-family: "open sans";
font-style: italic;
font-weight: 800;
src: url("/static/fonts/OpenSans-ExtraBoldItalic.woff2") format("woff2");
}
@font-face {
font-family: "lora";
font-style: normal;
font-weight: 400 600;
src: url("/static/fonts/Lora-Regular.woff2") format("woff2");
}
@font-face {
font-family: "lora";
font-style: normal;
font-weight: 600 800;
src: url("/static/fonts/Lora-Bold.woff2") format("woff2");
}

body {
background-color: grey;
font-family: "open sans", sans-serif;
font-size: 1.2rem;
}

em {
font-style: italic;
}

strong {
color: var(--ballad-ink-lolight, black);
font-weight: bold;
}

div.cue {
border-radius: 0.3rem;
background-color: lightgrey;
margin-bottom: 0.3rem;
}

button, input {
font-size: 1.4rem;
}

label {
color: white;
font-weight: bold;
}

input + button {
display: none;
}

cite {
color: grey;
font-family: "lora", serif;
font-size: 1.6rem;
font-weight: bold;
text-transform: uppercase;
}

details {
list-style-type: inherit;
}

details > summary {
color: grey;
cursor: pointer;
display: list-item;
font-family: "lora", serif;
font-style: italic;
}

div ul {
list-style-type: none;
}
