a:link {
color: var(--text);
text-decoration: none;
}

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

a:hover {
color: var(--highlights);
}

a:active {
color: var(--highlights);
}

a.everlink:link, a.everlink:visited {
color: var(--highlights);
}

a.everlink:hover {
color: var(--text);
}

a.everlink:active {
color: var(--text);
}

body {
background-attachment: fixed;
background-color: var(--background);
background-image: var(--background-image);
font-family: monospace;
font-size: 140%;
overflow: scroll;
}

hr {
color: var(--secondary-text);
}

iframe {
border: 1px solid var(--secondary-text);
overflow: scroll;
width: 95%;
}

main {
background: var(--background);
border: 2px solid var(--highlights);
color: var(--text);
margin: auto;
overflow: scroll;
padding: 1%;
width: 90%;
}

select {
background: var(--background);
border: 1px solid var(--secondary-text);
color: var(--text);
font-family: monospace;
}

ul>li {
list-style-type: square;
}

.rainbow {
animation-direction: alternate;
animation-duration: 2s;
animation-iteration-count: infinite;
animation-name: gentlestrobe;
animation-timing-function: linear;
color: var(--highlights);
}

@keyframes gentlestrobe {
0% {color: var(--highlights);}
100% {color: var(--secondary-highlights);}
}