.tytul {
    font-family: ADLaM Display, display;
    font-size: clamp(14px, 12vw, 100px);
    font-weight: bold;
    color: rgb(209 71 71);
    text-transform: none;
    font-style: normal;
    text-decoration: none;
    line-height: 1.5em;
    letter-spacing: 1px;
    text-shadow: 0px 0px 17px rgba(0, 9, 255, 1);
    margin-top: 10px;
    margin-bottom: 0px;

}



.onas{
padding-left: 200px;
padding-right: 200px;
padding-bottom: auto;
padding-top: auto;
color: white}

/* Efekty hover dla poszczególnych kolorów */
.green:hover,
.green.active {
  box-shadow: rgba(14, 255, 0, 1) 0 3px 15px inset;
}

.yellow:hover,
.yellow.active {
  box-shadow: rgba(255, 238, 0, 1) 0 3px 15px inset;
}

.red:hover,
.red.active {
  box-shadow: rgba(255, 0, 0, 1) 0 3px 15px inset;
}

.blue:hover,
.blue.active {
  box-shadow: rgba(43, 253, 255, 1) 0 3px 15px inset;
}

.white:hover,
.white.active {
  box-shadow: rgba(255, 255, 255, 1) 0 3px 15px inset;
}