body {
    min-height: 100vh;
    background-image: url("/assets/images/background_medium.jpg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    overflow-wrap: hidden;
    backdrop-filter: brightness(.9);
}

div.box {
    background-color: rgba(var(--bs-light-rgb), 0.7);
    /* background-color: rgba(var(--bs-dark-rgb), 0.5); */
    border-radius: .5rem;
}

#colored-word {
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
   user-select: none;
   cursor: pointer;
}

/* s */
@media (min-width: 576px) { 
    body {
        background-image: url("/assets/images/background_small.jpg");
    }
}

/* md */
@media (min-width: 768px) { 
    body {
        background-image: url("/assets/images/background_medium.jpg");
    }
}

/* l */
@media (min-width: 992px) {  
    body {
        background-image: url("/assets/images/background_medium.jpg");
    }
}

/* xl */
@media (min-width: 1200px) {  
    body {
        background-image: url("/assets/images/background_large.jpg");
    }
}

/* xxl */
@media (min-width: 1400px) {  
    body {
        background-image: url("/assets/images/background_large.jpg");
    }
}