body {
    background-color:rgb(114, 128, 155);
    background-image: linear-gradient( rgba(112, 128, 144, 0.9), rgba(112, 128, 144, 0.9) ), url(../assets/gaudy_pattern.png);
    max-width: 100%;
    overflow-x: hidden; /*this is bad, might break mobile stuff*/
}

p {
    color:goldenrod;
    text-shadow: blueviolet 0.1em 0.1em 0.5em;
}

.chainmaille {
    font-size: 1.5em;
    font-weight: bold;
    color:silver;
    text-shadow: #888888 0.1em 0.1em 1em,  #888888 0.1em 0.1em 1em, #888888 0.1em 0.1em 1em,  #888888 0.1em 0.1em 1em;
    -webkit-text-stroke: 0.02em purple; /*its been supported in most browsers for years, despite being 'webkit'*/
    font-family: fantasy;
}

.parens {
    color:navy;
    text-shadow: white 0.1em 0.1em 0.5em; /*completely overrides the <p> btw*/
    font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif
}

li {
    list-style-type: circle
}

a {
    text-shadow: goldenrod 0.1em 0.1em 0.5em, goldenrod 0.1em 0.1em 0.5em;
}

li {
    color:yellowgreen;
}

img {
    height: 20em;
    width: auto;
}

li::marker {
    color:aqua;
}

h1, p, li {
    text-shadow: blueviolet 0.1em 0.1em 0.5em;
}

.footer {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    max-height: 200px;
    gap: 1em;
}

.footer img {
    max-height: 200px;
    max-width: auto;
}

.footer-emoticon {
    white-space:pre;
    text-align:center;
}

.footer-emoticon p {
    margin:0;
    padding:0;
    font-family: monospace;
    color:silver;
}

* {
    font-family: 'Palatino Linotype', "Cambria", 'Trebuchet MS', "Calibri", sans-serif;
    scrollbar-color: rgb(0,141,0) rgb(114, 128, 155); /*the gradient calculated out and rounded*/
}