/* EDIT THIS IF YOU USED THE "SIMPLE" WIDGET: */
#simple {filter:sepia(100%)  }
/* 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:#ff7b00; 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
}


#lambdaring #episode2 {--main: #587587

}
    #lambdaring #episode2 {height:130px; width:200px; border: 4px black solid;  background-size: cover; background-position: top; font-family: sans-serif; font-weight: 700; padding:5px; font-size:23px;  letter-spacing: -1px; color:rgb(0, 0, 0); background-color: var(--main); display:flex; line-height: 19px; padding-bottom:8px;
  background-image: linear-gradient(
    to bottom, transparent 20%, var(--main) 65%
  ), url(https://www.aivanet.com/wp-content/uploads/2017/10/1507656797_3727154240012-1068x601.jpg); }
  #lambdaring #episode2 a {color:inherit; text-decoration: none;}
  #lambdaring #episode2 a:hover {opacity: 60%;}


  #lambdaring  #small {width:fit-content; text-align: center; font-family: sans-serif; font-size: 25px; padding:2px; padding-top:4px; font-weight: 700; color:#ff7b00;}
  #lambdaring #small img {filter: drop-shadow(1px 1px 0 black) drop-shadow(-1px 1px 0 black) drop-shadow(0 -1px 0 black) drop-shadow(1px 0 black) drop-shadow(1px 1px 0 black) drop-shadow(-1px 1px 0 black) drop-shadow(0 -1px 0 black) drop-shadow(1px 0 black);}
 #lambdaring #small a {color:inherit; text-decoration: none;}
#lambdaring #small img:hover {filter:  drop-shadow(1px 1px 0 black) drop-shadow(-1px 1px 0 black) drop-shadow(0 -1px 0 black) drop-shadow(1px 0 black) drop-shadow(1px 1px 0 black) drop-shadow(-1px 1px 0 black) drop-shadow(0 -1px 0 black) drop-shadow(1px 0 black)  drop-shadow(1px 1px 0 #ff7b00) drop-shadow(-1px 1px 0 #ff7b00) drop-shadow(0 -1px 0 #ff7b00) drop-shadow(1px 0 #ff7b00);
;

}
#lambdaring #orange {width:fit-content; height:fit-content; border: 5px solid #ff7b00; text-align: center; font-family: sans-serif; font-size: 25px; padding:5px; font-weight: 700; color:#ff7b00; background-color: black; filter: drop-shadow(1px 1px 0 black) drop-shadow(-1px 1px 0 black) drop-shadow(0 -1px 0 black) drop-shadow(1px 0 black) drop-shadow(1px 1px 0 black) drop-shadow(-1px 1px 0 black) drop-shadow(0 -1px 0 black) drop-shadow(1px 0 black);}
#lambdaring #orange  a {color:inherit; text-decoration: none;}
#lambdaring #orange a:hover {opacity: 80%;}