.header-notebook{
    background-image: url(https://static.igem.wiki/teams/4663/wiki/headers-of-pages/header-low-quality.png);
    position: static;
}

.image-holderNB{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    pointer-events: none;
}

/* .image-holderNB img:nth-child(1) {
    top: 20px;
    left: 20px;
}

.image-holderNB img:nth-child(2) {
    top: 50px;
    left: 50px;
} */



.accordion {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 10px 18px ;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
  
 
  
}

div > .active, .accordion:hover {
  background-color: #e5d9c1; 
  padding-left: 80px;
}

.panel {
    padding: 0 30px;
    /* margin: 20px 0; */
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-in-out;
    background-color: #fffef5bd
}

.BlockMonth{
    width: 80%;
    align-items: center;
    text-align: center;
}

.titlesNB {
    display: flex;
    font-family: "OpenSans", sans-serif;
    font-weight: 500;
    font-style: normal;
    justify-content: center;
    align-items: center;
    font-size: 3.5rem;

    color: var(--palette-purple);
    margin-top: 2rem;
    margin-bottom: 0.5rem;
    text-align: center !important;
    
}

.weeksNB{
    color: rgb(95, 39, 95);
    font-weight:500;
    margin-bottom: 0px !important;
}

.daysNB{
   color: rgb(120, 47, 82);
   font-weight:500;

}