html,body{
height:100%;
padding:0;
margin:0;
}

body {
background:#000 url('tbg.png') fixed; 
color:#000;
font-family: "Zilla Slab";
font-weight: 400;
font-style: normal;
font-size:15px;
text-align:center;
display: flex;
flex-direction: column;}

.container {       
flex-grow:1;
backdrop-filter: blur(2px);
width:85%;
margin:0 auto;
border-left:2px solid transparent;
border-right:2px solid transparent;
border-image: linear-gradient(to bottom right,  rgba(255, 0, 0, 1) 0%,
        rgba(255, 154, 0, 1) 10%,
        rgba(208, 222, 33, 1) 20%,
        rgba(79, 220, 74, 1) 30%,
        rgba(63, 218, 216, 1) 40%,
        rgba(47, 201, 226, 1) 50%,
        rgba(28, 127, 238, 1) 60%,
        rgba(95, 21, 242, 1) 70%,
        rgba(186, 12, 248, 1) 80%,
        rgba(251, 7, 217, 1) 90%,
        rgba(255, 0, 0, 1) 100%);
border-image-slice: 1;
padding:20px;
}

.members {
        width: 100%;
        max-height: 1000px;
        border:none;
        overflow-y:scroll
}

.links {
        width: 100%;
        max-height: 1000px;
        border:none;
        overflow-y:scroll
}

hr {
    display:block;
    border:0px;
    height:27px;
    width:483px;
    max-width:100%;
    background-image:url('colorsqu.gif');
}

img{
        max-width:100%
}

ul{
list-style:none;
list-style-position:inside;
text-align:left;
padding:0
}

li::before {
  content: "🢣"; /* Insert content that looks like bullets */
  padding-right: 8px;
  color: #3d2dff
}

li{
border-bottom: 1px dashed #000;
padding-top:5px;
padding-bottom:5px        
}

li:last-child{
border:none}

ul.mem{
list-style-image:none;
list-style-type:none;
}

ul.mem > li {
padding-top:5px;
padding-bottom:5px;
list-style-image:none;
list-style-type:none;
}

ul.mem > li::before{
        content: "";
}

ul.link{
list-style-image:none;
list-style-type:none;
}

ul.link > li {
padding-top:5px;
padding-bottom:5px;
list-style-image:none;
list-style-type:none;
}

ul.link > li::before{
        content: "";
}

a{font-weight:bold;
color:#3d2dff;
text-decoration: underline dotted;
transition:.1s}
a:hover{  background-image: linear-gradient(to left, violet, indigo, blue, green, yellow, orange, red);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  letter-spacing:1px;
  transition:.1s}


h1
{font-family:"Protest Revolution", serif;
  font-weight: 400;
  font-style: normal;
}

h1 img{
padding-top:5px
}

h2
{font-family:"Protest Revolution";
  font-weight: 400;
  font-style: normal;
}

.yes{
font-weight:bold;
color: #00B114;
}
.no{
font-weight:bold;
color: #FF0004;
}

textarea{
    padding: 10px;
    width:250px;
    max-width: 100%;
    height:150px;
    line-height: 1.5;
    border-radius: 5px;
    border: 1px solid #000;
    box-shadow: 1px 1px 0px #000;
}

/* Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: #3d2dff #e3e7f6;
}

/* Chrome, Edge and Safari */
*::-webkit-scrollbar {
  width: 5px;
  width: 5px;
}
*::-webkit-scrollbar-track {
  border-radius: 0px;
  background-color: #e3e7f6;
}

*::-webkit-scrollbar-track:hover {
  background-color: #e3e7f6;
}

*::-webkit-scrollbar-track:active {
  background-color: #e3e7f6;
}

*::-webkit-scrollbar-thumb {
  border-radius: 0px;
  background-color: #3d2dff;
}

*::-webkit-scrollbar-thumb:hover {
  background-color: #3d2dff;
}

*::-webkit-scrollbar-thumb:active {
  background-color: #3d2dff;
}