@import url('fonts.googleapis.com');



#shrink-image-span img{
  width: 200px!important;
  height: 500px!important;
}

#shrink-image-span-100x100 img{
  width: 50px!important;
  height: auto!important;
}



#small-text{
font-size:90%;
color:rgba(143, 141, 141, 0.903);
}



#shrink-image-span img{
  width: 300px!important;
  height: 500px!important;
}



body{
background-color:rgb(0, 0, 0)!important;
color:rgba(143, 141, 141, 0.903)!important;
min-height: 100%;
max-width: 98%;
overflow-x: auto;


}
body img{
  display: block;
  margin: auto;
  width: 50%;
}




#login-link-span{
font-size:50%;
padding-left:5px;
color:rgb(166, 105, 35) !important;
color:rgba(93, 93, 93, 0.849)!important;

}


#login-link-span a{
color:rgba(55, 55, 55, 0.849)!important;
text-decoration:none!important;
font-size:90%;
}

#login-link-span a:hover{
color:rgb(128, 81, 27) !important;
text-decoration:none;
}

#login-link-span a.current{
color:rgba(51, 255, 0, 0.729) !important;
font-size:110%;
}


footer{
/*border-top: 1px solid rgba(255, 0, 0, 0.276);*/
/*border-left: 1px solid rgba(255, 255, 255, 0.276);*/

padding-top:1rem;
padding-bottom:1rem;
padding-left:10px;
color: rgba(52, 54, 52, 0.345);

}


/*start paste from htdocs 11-14-25*/
#landing-heading{
color:rgba(55, 55, 55, 0.849)!important;
color:rgb(166, 105, 35) !important;

margin-bottom:1rem;
opacity:0.5;
border: 1px solid rgb(0, 0, 0);
border-radius: 15px; 
padding-left:2rem;

}

#landing-heading-tighter{

color:rgba(175, 175, 175, 0.897) !important;
opacity:0.5;
border: 1px solid rgb(0, 0, 0);
border-radius: 15px; 
padding-left:2rem;
padding-right:1em;
padding-top:2em;
text-align:right;

}

.text-glow {text-shadow: 0 0 50px #664200, 0 0 10px #a2a2a2, 0 0 50px #59450d, 0 0 1px #574603, 0 0 10px #403000; 

}

.text-glow2 {text-shadow: 0 0 50px #9f9219, 0 0 10px #1589a0, 0 0 8px #007a85, 0 0 1px #003e85, 0 0 10px #008578; 
}

#table-for-login table{
max-width:50%;
height:auto;
overflow-x:auto;
overflow-y:hidden;
border-collapse: separate;
border: 1px solid rgb(7, 34, 29);
border-radius: 5px; 
padding-top:1rem;
padding-bottom:1rem;
padding-left:1rem;
padding-right:4rem;

/*uncenter
margin-left: auto;
margin-right: auto;
*/
 
}

#table-body-div{

overflow:hidden!important;
}


input[type=text] {  
  background-color: #000000;
  color: white;
}

input[type=password] {
  background-color: #000000;
  color: white;
}


/*end paste from htdocs 11-14-25*/



 /*start paste from htdocs 11-13-25*/

#fade-pic-div img{
opacity:0.2;
}

.referencesBufferTop{
position:fixed;
margin-top:25rem;
}


#table-width-compress-div{
overflow-x:auto;

}


#done-link-div{
padding-left:15rem;
color: rgb(211, 211, 211)!important;
}

#done-link-div a{
color: rgb(211, 211, 211)!important;
}

#done-link-div a:hover{
color: rgb(25, 134, 0)!important;
}


#section-decorate{
padding-left:2rem;
padding-right:2rem;
padding-top:2rem;
padding-bottom:1rem;
border: 1px solid rgb(90, 84, 84);
color: rgb(211, 211, 211);
background-color:rgb(1, 1, 1);
margin-top:5rem;
}

#checkmark-span{
color: rgb(35, 231, 17);
}

#mouseFeatureDiv{
padding-left:2rem;
padding-right:2rem;
padding-top:2rem;
padding-bottom:6rem;
border: 1px solid rgb(255, 255, 255);
color: rgb(211, 211, 211);
background-color:rgb(62, 23, 9);
}

#mouseFeatureDiv img{
width: 20rem;
height:20rem;
}

blockquote{
      margin-left: 40px!important; /* Adjust the value as needed */
      margin-right: 40px; /* Optional, for symmetrical indentation */
        font-size:80%;
    }

#tableStyles{
border: 1px solid rgb(142, 115, 115);
padding: 50px;
padding-left:10px;
border-spacing: 3px;
padding-top:1px;




}

#tableStyles th{
      position: sticky;
      top: 0; /* Sticks to the top of the scroll container/viewport */
      background-color: #401c1c; /* Important for covering content below */
      z-index: 1; /* Ensures the header stays above table body content */

}

#tableStyles th{
border: 1px solid rgb(73, 88, 108);
padding:10px;
text-align:center;
}



#tableStyles tr {
border-top: 1px solid rgb(72, 72, 61);
border-bottom: 1px solid rgb(72, 72, 61);
}

#tableStyles td {
border-left: 1px solid rgb(72, 72, 61);
border-right: 1px solid rgb(72, 72, 61);
text-align:left;
padding:5px;

}


/*end paste from htdocs 11-13-25*/





/*start disable 11-15-Sat
#login-table {
  padding: 100px;
  padding-bottom:20px;
  text-align: left;
  border: 5px solid #000000b3!important; 

}


#login-table td {

  text-align: left;
  border: 5px solid #000000b3!important; 
}
end disable 11-15-Sat*/





#running-squirrel{
float:right!important; 
padding-right:15rem; 
padding-bottom:2rem;
height:60px;
width:auto;
/*filter: drop-shadow(0 0 5px rgb(118, 114, 114));*/
/*filter: blur(2px);*/
/*filter: brightness(170%);*/
/*filter: contrast(100%);*/
/*filter: drop-shadow(-120px 0 5px rgb(60, 36, 3));*/
}

#squirrelHeading{
font-size:200%;
padding-top:1rem;
padding-bottom:3rem;
color:#353535!important;
text-shadow: 0px 0px 0 rgba(0, 0, 0, 0.743), 0px 0px 0 rgba(91, 57, 46, 0.977), 0px 0px 0 rgba(0, 0, 0, 0.977), 0px 0.5px 0 rgb(111, 109, 109);
text-align:center;
}



blockquote{
      margin-left: 40px!important; /* Adjust the value as needed */
      margin-right: 40px; /* Optional, for symmetrical indentation */
        font-size:80%;
    }





#tableStyles{
border: 1px solid rgb(142, 115, 115);
padding: 100px;
padding-left:10px;
border-spacing: 3px;
}
#tableStyles th{
border: 1px solid rgb(73, 88, 108);
padding:10px;
text-align:center;
}
#tableStyles tr {
border-top: 1px solid rgb(72, 72, 61);
border-bottom: 1px solid rgb(72, 72, 61);
}
#tableStyles td {
border-left: 1px solid rgb(72, 72, 61);
border-right: 1px solid rgb(72, 72, 61);
text-align:center;
padding:10px;
}

#skyline{
width:100%;
background-color:rgb(0, 0, 0);
}




a.current{
color:rgb(166, 129, 84) !important;
font-size:110%;
}


a{
color:rgb(78, 89, 79)!important;
text-decoration:none!important;       
font-size:90%;
}

a:hover{
color:rgb(156, 138, 116) !important;
text-decoration:none;
}



#error{
color:rgba(255, 119, 0, 0.899);
}



#conceptMB{
font-family: 'Courier New', monospace;
color:rgb(159, 139, 100);
font-size:65px!important;

}

#conceptMB img{
width:300px;
height:auto;
border-radius:8px;
}



#concept25px{
font-family: 'Courier New', monospace;
color:rgb(159, 139, 100);
font-size:25px;
}


#concept-cursive{

color:rgb(159, 139, 100);
font-size:25px;
}






#concept-large{
color:rgb(112, 210, 223);
font-size:30px;
}

#concept{
color:rgb(164, 130, 71);
font-size:18px;
}

#concept-large-brown{
color:rgb(130, 16, 10);
font-size: 200%;
font-weight: 700;
}

#blog-article-div{
margin-top:30px;
padding-top:1px;
border-bottom: 2px solid rgb(112, 1, 1);
padding-bottom:50px;
}

#blog-article-div h3{
text-align: center;
color:rgb(109, 109, 109)!important;
}

/*
#blog-article-div sup a:hover{/*the sups are not tagged with links anymore 12-7-25..
color:rgb(21, 255, 0)!important;
}
*/

#blog-article-div sup {
font-size:50%!important;
color:rgb(146, 20, 20)!important;
}

#blog-article-div ol li::marker {
color:rgb(78, 5, 5)!important;
font-size:60%!important;
font-weight: bold;
}


#blog-article-div ol li:hover::marker {
font-size:200%;
font-weight: bold;
color:rgb(154, 117, 16)!important;
}


#ol-links-div sup {
font-size:50%!important;
color:rgb(18, 81, 168)!important;
}

#ol-links-div ol li::marker {
color:rgb(11, 54, 124)!important;
font-size:60%!important;
font-weight: bold;
}


#ol-links-div ol li:hover::marker {
font-size:200%;
font-weight: bold;
color:rgb(16, 101, 154)!important;
}

#ol-links-div{
padding-top:5rem;
padding-bottom:1rem;

overflow-wrap: break-word;
}

#ol-links-div a:hover{
color:rgb(18, 81, 168)!important;
}





/*all sups*/
sup {
font-size:50%!important;
color:rgb(18, 81, 168)!important;
}
/*all markers */
#ol li::marker {
color:rgb(11, 54, 124)!important;
font-size:60%!important;
font-weight: bold;
}
/*all marker hovers*/
#ol li:hover::marker {
font-size:200%;
font-weight: bold;
color:rgb(154, 117, 16)!important;
}



#otherStoriesDiv a{
color:rgba(56, 142, 218, 0.638)!important;
font-size:90%;
font-weight: 600;
}

#otherStoriesDiv{
color:rgb(139, 139, 139)!important;
font-size:90%;
font-weight: 600;
}

#outsideLink{
color:rgba(56, 142, 218, 0.374)!important;
}

#outsideLink:hover{
color:rgb(179, 148, 62) !important;
text-decoration:underline!important;
} 




#font1{
/*font-family: Verdana, sans-serif;*/
font-family: Helvetica, sans-serif;
color:rgba(151, 149, 146, 0.932)!important;
font-size:95%;
}


#font2{
/*font-family: Verdana, sans-serif;*/
font-family: Helvetica, sans-serif;
color:rgba(151, 149, 146, 0.932)!important;
font-size:130%;
}




#screencap-spacing-bottom-title{
filter: brightness(90%) saturate(70%);
margin-top:70px;
margin-bottom:20px;
max-width:400px;
height:auto;

 &:hover {
 filter: brightness(110%) saturate(110%);



}
}

#span-title{
color:rgb(128, 128, 128)!important;
margin-top:150px!important;
text-decoration: underline;

}


#div-icon{
color:rgb(128, 128, 128)!important;

 &:hover {
 filter: brightness(120%) saturate(150%);
color:rgb(23, 140, 243)!important;


}
}


#style-icon{
display:inline-block;
filter: brightness(90%) saturate(0%);
margin:0px;
max-width:  20px;
height:auto;
padding:0;

 &:hover {
 filter: brightness(100%) saturate(120%);



}
}

#screencap-spacing-top-title-smaller{
filter: brightness(90%) saturate(100%);
margin-top:20px;
margin-bottom:10px;
max-width:200px;
height:auto;

 &:hover {
 filter: brightness(120%) saturate(150%);



}
}

#screencap-spacing-top-title{
filter: brightness(90%) saturate(100%);
margin-top:50px;
margin-bottom:10px;
max-width:400px;
height:auto;

 &:hover {
 filter: brightness(105%) saturate(120%);



}
}



#screencap-spacing-top-title-squirrel{
border-radius:50%;
filter: brightness(90%) saturate(100%);
margin-top:20px;
margin-bottom:10px;
max-width:250px;
height:auto;

 &:hover {
 filter: brightness(110%) saturate(110%);



}
}


#contain-ul{
padding-top:50px;
max-width:50%;
text-align:left;
align-content:center;
margin:auto;
}

#contain-ul ul {
  list-style: none;
}

ul li:before {
  content: '✓ ';
}



#topclock{
display:block;

text-align:right!important;
color:rgba(77, 75, 72, 0.932)!important;
}




#arg2{
color:rgb(121, 141, 166)!important;
}





#inline-code-span{
background-color:rgba(31, 136, 149, 0.552);
border-radius:5px;
padding:3px;
}

#markupGridContainer{
display: grid;
grid-template-columns: 1fr 1fr;	
margin-top:10rem;

border-top: 1px solid rgb(104, 70, 102);
}

#markupGridLeft{
margin-top:5rem;/*should match other*/
grid-column:1 / 2;
width:100%;
border: 1px solid rgb(104, 70, 102);
border: 1px solid rgb(0, 0, 0);
padding: 20px;
}


#markupGridRight{
margin-top:5rem;/*should match other*/
grid-column:2/3;
width:100%;
border: 1px solid rgb(97, 78, 62);
border: 1px solid rgb(0, 0, 0);
padding: 20px;
}

.language-markdown{
text-align:left!important;
font-size:200%
}