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 {
    color:silver;
    /*text-shadow: green 0 0 0, purple 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;
}

.metaldesignz {
    font-size:1.5em;
    font-family: Georgia, 'Times New Roman', Times, serif;
    -webkit-text-stroke: 0.02em black;
}

.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;
}

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*/
}