

/*squirrel-both.css*/


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



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






#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(7, 35, 1, 0.993);

}


/*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;

}

.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:rgba(51, 255, 0, 0.729) !important;
font-size:110%;
}


a{
color:rgba(12, 105, 27, 0.849)!important;
text-decoration:none!important;
font-size:90%;
}

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


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


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










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

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

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

#blog-article-div{
margin-top:80px;
padding-top:20px;
border-top: 5px solid rgb(106, 106, 106);
}

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

#blog-article-div sup a{
font-size:120%;
font-weight: bold;
color:rgb(146, 117, 20)!important;
}

#blog-article-div sup a:hover{
color:rgb(255, 196, 0)!important;
}


#font1{
/*font-family: Verdana, sans-serif;*/
font-family: Helvetica, sans-serif;
color:rgb(159, 159, 159)!important;
font-size:95%;
}


#arg2{
color:rgb(121, 141, 166)!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;
}




