* {
  cursor: url("ui/favicon.gif"), auto !important;
  } 

:root {
    --background:#D2E8EB;
    --border: #7B2163;
    
    --text:#28191E;
    --accent:#BBDD99;
    --content:#825060;
    --ltblu:#C6E8EF;
    --dkblu:#335577;
    --white:#FFFFFF;
    
    --font-size:14px;
    --icon-space: 1.3em;
}

::selection {
  color:var(--ltblu);
  background:var(--content);
}

body {
    margin:0;
    background-color: var(--background);
    padding: 0; 
    color:var(--text); 
    font-size:var(--font-size); 
    letter-spacing:.5px;
    font-family:Poppins,sans-serif;
}

span {
padding-left:10px;
padding-right:10px;
}

.title {
    position: sticky;
    top: 0;
    background-color: var(--dkblu);
    margin:2px;
    font-family:century gothic,sans-serif;
    font-size:calc(var(--font-size) + 10px); 
    font-style: italic; 
    color:var(--accent); 
    text-align: center;
}
.subtitle {
    background-color: var(--content);
    margin:2px;
    font-family:century gothic,sans-serif;
    font-size:calc(var(--font-size) + 10px); 
    font-style: italic; 
    color:var(--accent); 
    text-align: center;
}
h2 {
    margin:-2px;
    font-family:century gothic,sans-serif;
    font-size:calc(var(--font-size) + 10px); 
    font-style: italic; 
    color:var(--accent); 
    text-align: center;
}

li:before {
  content: url("ui/favicon.gif");
  display: inline-block;
}

li {
    padding-top:5px;
    padding-bottom:5px;
    list-style: none;
    width:100%;
    font-size:calc(var(--font-size) + 2px); 
    border-bottom:2px solid var(--content);
}