/* EDIT THIS IF YOU USED THE "SIMPLE" WIDGET: */
#simple {filter:sepia(100%) saturate(500%) hue-rotate(-20deg) }
/* adjust filter to change color to your liking, filters are used instead of variables so that the lambda image is included. here are some themed presets:

 gina cross (tan hev): filter:sepia(100%)  //

 colette green (maroonish hev):  filter:sepia(100%) hue-rotate(-47deg) saturate(700%) brightness(70%) //

 barney calhoun (security blue): filter:sepia(100%) hue-rotate(-180deg) saturate(500%) //

 adrian shephard (hecu green): filter:sepia(100%) hue-rotate(-280deg) saturate(500%) //

 gordon freeman (orange hev): filter:sepia(100%) saturate(500%) hue-rotate(-20deg) //

 */
 #lambdaring #simple {width:fit-content; text-align: center; font-weight: 500; font-family: sans-serif;  border: 3px solid rgb(255, 123, 0); padding: 5px; margin:auto ; color:#ff7b00; height: 145px;
    
  background-color:black; /* <--- can be removed for a transparent widget*/
}  body {overflow: visible;}
#lambdaring #simple a {color:inherit; text-decoration: none;}
#lambdaring #simple a:hover {opacity: 40%;}
 #lambdaring #simple .lambda { filter: invert(50%) saturate(900%); 
  height: 60px;
  object-fit: cover;
  shape-outside: circle(50%);  
  padding:5px
} 

/* [old] SIMPLE WIDGET */
        /*#simple {filter:sepia(100%) saturate(500%) hue-rotate(-20deg) }
        /* adjust filter to change color to your liking, filters are used instead of variables so that the lambda image is included. here are some themed presets:
        
         gina cross (tan hev): filter:sepia(100%)  //
        
         colette green (maroonish hev):  filter:sepia(100%) hue-rotate(-47deg) saturate(700%) brightness(70%) //
        
         barney calhoun (security blue): filter:sepia(100%) hue-rotate(-180deg) saturate(500%) //
        
         adrian shephard (hecu green): filter:sepia(100%) hue-rotate(-280deg) saturate(500%) //
        
         gordon freeman (orange hev): filter:sepia(100%) saturate(500%) hue-rotate(-20deg) //
        
         */
        /*#lambdaring #simple {width:fit-content; text-align: center; font-weight: 700; font-family: sans-serif;  border: 5px solid rgb(255, 123, 0); padding: 15px; margin:auto ; color:rgb(255, 123, 0); height: 170px;
    
          /*  background-color:black; /* <--- can be removed for a transparent widget*/
          /*}  body {overflow: visible;}
          /*#lambdaring #simple a {color:inherit; text-decoration: none;}
          /*#lambdaring #simple a:hover {opacity: 40%;}
          /* #lambdaring #simple .lambda { filter: invert(50%) saturate(900%); 
          /*  height: 80PX;
          /*  object-fit: cover;
          /*  shape-outside: circle(50%);  
          /*  padding:10px
          /*}