body { color:#101010; background-color:#A4986C; padding-bottom:2000px;}
a { color:rgb(0,0,0); }
hr { height: 1px; background-color:#707070; border:none; }
mark { background-color:#b0b0b0 }
button {background-color:darkslategrey; font-weight:bolder; color:lightslategrey; }

button {
     animation: button 2s infinite; 
}

.title { text-align:Center; color:#000000; }
.title::before,.title::after { content:" --- " }
.left { text-align:Left; }
.center { text-align:Center; }
.right { text-align:right; }

#spacer { color:#7f7053; background-color:#7f7053; !important}
#quote { text-align:left; Margin-left:20%; }
#bar { text-align:center; padding-left:42%; padding-right:40%; background-color:#7f7053; justify-content: center; color:#000000; position: fixed; bottom:1%; !important} 
#pagelink { color:Black;}
#brown {background-color:#4e341d;}
#cover { height:160px; width:100px; }
#halfvisible { opacity:0.5; }
#trees { border-style:groove; border-width:10px; border-color:black;}
.huebright { filter: hue-rotate(90deg) brightness(140%); }
.huebright:active { filter: none; }

@keyframes button {
    0%  {background-color:darkslategrey; color:lightslategrey; }
    25% {background-color:blue; color:red; }
    50% {background-color:forestgreen; color:black; }
    75% {background-color:red; color:blue; }
    100% { background-color:darkslategrey; color:lightslategrey; }