body {color:#0000A5; background-color: #95B1C9; margin-left: 15px; margin-top: 15px; 
margin-right: 15px; text-indent:0px; font-family: verdana, arial;}
div{display:inline;}
hr {color: #0000A5; border:0; height:1px; background-color: #9900AA; width: 99%}
img {height: 50px; border:0; padding: 0px}
table {border: none; border-color: #0000A5; border-style: none; font-size:12px}
td {vertical-align:top; padding: 0px;}
ul, ol li {margin-top:-3px;}

a:link {color:#0000A5; background: transparent; text-decoration: none;}
a:visited {color:#0000A5; background: transparent; text-decoration: none;}
a:focus {color:transparent; background: #0000A5; text-decoration: none;}
a:hover {color:#95B1C9; background: #0000A5; text-decoration: none;}
a:active {text-decoration: none;}

.center {text-align:center;}
.column {background: #0000A5; width: 1px}
.content {color: #0000A5; line-height: 20px}
.heading {color: #0000A5; font:25px monotype corsiva, arial, sans-serif; font-weight: 600; text-align: center;  }
.right {text-align:right;}
.zoe {color: lime;background: #ff9999; }
.jule {color: yellow; }


ol {list-style: none; counter-reset: my-awesome-counter;}
li {counter-increment: my-awesome-counter; margin: 0.1rem;}
li::before {content: counter(my-awesome-counter); background: #662974;
  width: 1.5rem;
  height: 1rem;
  border-radius: 50%;
  display: inline-block;
  line-height: 1rem;
  color: white;
  text-align: center;
  margin-right: 0.5rem;
}
ol ol li::before {background: #DE51FF;}
ol ol ol li::before {background: #EE9EFF;}