html,
body {
   font-size: 16px; /* base font reset */
   margin:0;
   padding:0;
   height:100%;
   background-image: linear-gradient(to right, #000, #5f3e5e, #000);
}

::-webkit-scrollbar {height:2rem; width: 1rem;}
::-webkit-scrollbar-corner {background:#ffccdc;} /*bar*/

::-webkit-scrollbar-track-piece {
    background-color:#000;
    border: 0.1rem solid #000;
}

::-webkit-scrollbar-thumb {
    width:1rem; height:2rem;
    background-color: #ffccdc; /*bar*/
    border: 0.3rem solid #000;
}

main {
max-width: 810px;
text-align: justify;
margin: 0 auto 1rem auto;
font-family: 'Verdana', serif;
font-size: 81.25%;
line-height: 180%;
color: #dfd0df;
}

strong, b {color: #c2cef1;}
em, i {color: #dce4f8;}

hr {
    margin-top: 4rem;
    margin-bottom: 4rem;
    overflow: visible;
    padding: 0;
    border: none;
    border-top: 1px dotted #5f3e5e;
    color: #5f3e5e;
    text-align: center;
}

hr:after {
    content: "\B7 \2217 \2727 \2217 \B7";
    display: inline-block;
    position: relative;
    top: -0.7em;
    font-size: 1.5em;
    padding: 0 0.25em;
    background: transparent;
    color: #fff;
    text-shadow: 0px 0px 5px #d6e6ff, 0px 0px 10px #fff, 0px 0px 20px #fff;
}


footer {
max-width: 1094px;
text-align: center;
margin: 3rem auto 1rem auto;
font-family: 'Verdana', sans-serif;
font-size: 68.25%;
letter-spacing: 0.1rem;
color: #e9e4ff;
line-height: 140%;
padding-bottom: 2rem;
}

h1 {color: #80b8ce;
letter-spacing: 2px;
font-family: Georgia, sans-serif;
font-size: 150%;
font-weight: bold;
text-indent: 1rem;}

ol {list-style-type: upper-roman;
padding-left: 4rem;
}


.center {text-align: center; display: block;}

a:link,
a:visited,
a:active {text-decoration: none;
color: #ffccdc;
border-bottom: 1px dotted #9aa4e9;}


a:hover {color: #9aa4e9;
border-bottom: 0;}

footer a:link,
footer a:visited,
footer a:active {text-decoration: none;
color: #80b8ce;
border-bottom: 0;}


footer a:hover {color: #ffccdc;
border-bottom: 0;}

ul#wrap {
   width: 90%;
   height: auto;
   text-align: center;
   margin: 2rem auto 2rem auto;
   display: table;
   padding-inline-start: 0;
   }

ul#wrap p{
   font-size: 100%;
   margin-left: 0.5rem;
   margin-right: 0.5rem;
   }

ul#wrap li{
   float:left;
   width: 33%;
   text-align: center;
   padding-bottom: 1rem;
   list-style-type: none;
   }


ul#wrap a {border: 0;}