.span-debug {
color:yellow;
}

pre {
background-color:#572c78;
}

button {
cursor:pointer;
}


button:disabled
	{
cursor:not-allowed;
color:black;
background-color:darkgrey;
}
.cusbut {
max-width:150px;                                                                                                                                 |
width:100%;                                                                                                                                      |
cursor:pointer; 
}
.cusbut:hover {
background-color:aqua;
}

.delbut {
max-width:6vw;
min-width:4vw;
width:100%;
background-color:red;
cursor:pointer;
}
.delbut:hover {
background-color:aqua;
}

div {
  scrollbar-color: #FDA1FF #5d005f40;
  
}

img {
  background-image:none;
}

body {
  background-image: url("https://teethy.ca/images/background-pattern.png");
  background-repeat: repeat;
  scrollbar-color: #FDA1FF #cb97cc;

/*make scrollbar thumb square */
  ::-webkit-scrollbar-thumb {
  border-radius: 0px;
}
/*make scrollbar track square */
::-webkit-scrollbar-track {
  border-radius: 0px;
}
      }

 .monospace {font-family:monospace;}

.form-window {
 width:98%;
 left:0.5%;
 top:3px;
 height:880px;
}

.post-box {
  border: 1px solid #FDA1FF;
  padding: 10px;
  text-align: center;
  overflow:auto;
  height:450px;
  z-index:1;
}

select, option {border-color:#7334A3;background-color:#FDA1FF;}

 .h3-postsby   { 

    text-shadow: 1px 0 0 #111, 0 -1px 0 #111, 0 1px 0 #111, -1px 0 0 #111;
}