:root{--lynks: rgb(135, 85, 165);}
h1{color: var(--lynks); text-shadow: 3px 3px 6px rgba(0,0,0,0.6); -webkit-text-stroke: 1px black; font-size: 40px;}
header{background-image:url("bnnr.png"); background-position:center; height: 190px; margin:0; background-repeat: repeat-x; background-size: contain;}
body{background: linear-gradient(to left, rgb(225,185,240), rgb(240,235,240));}
img{float: right; margin-bottom:25px; margin-right:40px; border-color:var(--lynks);}
hr{border-color:var(--lynks);}
a:visited{color: var(--lynks); text-shadow: 2px 2px 2px rgba(0,0,0,0.2);}
a{color:var(--lynks); text-shadow: 2px 2px 2px rgba(0,0,0,0.2);}
button{float:left; margin:10px; width:120px; height:40px; background-color:rgb(220,210,245); border-color:var(--lynks); color:var(--lynks); text-shadow: 2px 2px 2px rgba(0,0,0,0.2)}
button:active{background-color:rgb(230,225,235);}
.clr{clear:both;}


ul { list-style: none; padding-left:4.25em; margin: 0; } 
ul li { margin-bottom: 0.5em; } 
ul li::before { content: "» \00a0\00a0"; position: absolute; left: 3em; font-weight: bold;}