.sidebar {
  position: fixed;
  top: 0;
  left: -300px;
  width: 300px;
  height: 100vh;
  overflow-y: auto;
  outline: rgba(255,255,255,.6) solid 4px;
  display: flex;
  flex-direction: column;
  align-items: center;   /* centers children */
  justify-content: flex-start;
  gap: 20px;
  background-color: rgba(0, 0, 0, 0.4);
  transition: left 0.3s ease-out;
}
.sidebar.is-visible {
  /* SHOW THE SIDEBAR: Bring it back to its original position */
  left: 0; 
}
.sidebar h3{
box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
padding: 10px 0; /* Add some vertical space around the text */
width: 100%;
margin: 50;
text-align: center;
}
.sidebar .out{
    max-width: 200px;
}
/* CSS to hide the pagecontrainer by default */
.page-container .hidden {
    display: none;
}

#extract-button {
    background-color: rgb(161, 157, 157);   /* fills the button */
}

#search-button{
  background-color: rgb(161, 157, 157);   /* fills the button */
}