/* Import Quicksand font from Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@400;700&display=swap');

.main-background {
    width: 100%;
    height: 100%;
}

.hover-highlight {
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  border-radius: 0.5rem; /* optional */
}

.hover-highlight:hover {
  transform: scale(1.1); /* slightly enlarge */
  box-shadow: 0 0.25rem 1rem rgba(0, 0, 0, 0.3); /* highlight effect */
}


/* HOME PAGE */

.home-background{
    background-image: url('images/home-background.png');
    background-size: cover;
    background-position: center;
}


.scegli-il-tuo-livello{
    width: 15rem;
}

.personaggio{
    width: 9rem;
}

.tempo-num {
    font-family: 'Quicksand', Arial, sans-serif;
    font-size: 2.5rem;
    font-weight: bold;
    line-height: 1.2;
}


.b5s{
  width: 3.5rem;
  margin-left: 1rem
}

.b5s:hover{
  transform: scale(1.05); /* slightly enlarge */
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3); /* highlight effect */
}


.bstart {
    width: 10rem
}


/* THINK PAGE */

.schermata-2-header{
    width:100%;
}

.schermata-2-footer{
    width:100%;
}

.parola {
    width: 100%;
    font-family: 'Quicksand', Arial, sans-serif;
    font-size: 2.8rem;
    font-weight: bold;
    text-align: center;
    padding: 1rem;
    line-height: 1.0;
    background: #7876b4;
}

.hiddenvideo {
    width: 1px
}


/* LIVE PAGE */

.animation {
    width: 100%
}

.brestart {
    width: 10rem
}


/* COMMON */
.timer {
  font-family: 'Quicksand', Arial, sans-serif;
  font-size: 7rem;
  font-weight: bold;
}

.disabled-image {
  filter: grayscale(100%) brightness(70%);
  opacity: 0.6;
  pointer-events: none; /* Optional: prevents clicking */
}