/* This stylesheet is for styling game elements
    for selected state, chosen state, error states, etc */

.selected {
    background-color: #ead7f4;
    transform: scale(1.05);
    box-shadow: 0 0 15px rgba(234, 215, 244, 0.6);
    border: 2px solid #b524b5;
  }

.lvl2{  /* swapped lvl1 and lvl2 because in the original NYTimes Connections lvl1 is supposed to be yellow */
    background-color: #A8D058;
}

.lvl1{
    background-color: #FFF170;
}

.lvl3{
    background-color: #BCD1FF;
}

.lvl4{
    background-color: #d6a1f0;
}

.error{
    background-color: red;
    -webkit-animation: fadeinout 4s linear forwards;
    animation: fadeinout 4s linear forwards;
}
  
  @keyframes fadeinout {
    0%,50% { opacity: 0; }
    50% { opacity: 1; }
  }