/* #### Generated By: http://font.download #### */

@font-face {
    font-family: 'Circe';
    font-style: normal;
    font-weight: normal;
    src: local('Circe'), url('CRC55.woff') format('woff');
}


@font-face {
    font-family: 'Circe Extra Light';
    font-style: normal;
    font-weight: normal;
    src: local('Circe Extra Light'), url('CRC25.woff') format('woff');
}


@font-face {
    font-family: 'Circe Light';
    font-style: normal;
    font-weight: normal;
    src: local('Circe Light'), url('CRC35.woff') format('woff');
}


@font-face {
    font-family: 'Circe Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Circe Bold'), url('CRC65.woff') format('woff');
}

/* 
    .parent-container .element {
        background-color: #f0f0f0; 
        padding: 15px;
        margin: 5px;
        border: 1px solid #ccc;
      } */

.parent-container .element {
    background-color: #f0f0f0;
    padding: 15px;
    margin: 5px;
    border: 1px solid #ccc;
    transition: opacity 0.3s ease-in-out;
    /* For a smooth effect */
}

.parent-container .element:hover {
    background-color: #ddd;  /* Hover background */
  }
  
  .parent-container .element:not(:has(:hover)) {
    background-color: red; 
  }