body{
  background-color: #F4F4F4;
  }

.tile {
  background-color: #ffffff;
  color: #000000;
  transition: transform 0.2s ease;
  }

.tile-title h3{
  color: #000000;
}

.tile:hover{
  background-color: #E2F3FF;
  transform: scale(1.05);
  }

.tile-title{
  color: #000000;
  font-weight: bold;
  }

h1{
  font-weight: bold;
  }

h2{
  font-weight: bold;
  }


p{
  font-size: 1em;
  }

search-bar{
  background-color: rgba(255, 255, 255, 0.3);
  border: 3em solid;
  border-color: white;
  color: #FFFFFF;
}

search-input{
  background-color: rgba(255, 255, 255, 0.3);
  border: 3em solid;
  border-color: white;
  color: #FFFFFF;
}

table{
  background-color: white;
  color: black;
  border: #C9C9C9
}  

hr{
  border-color: #C9C9C9;
}

ul{
  border-color: #C9C9C9;
}

#navigator-nav{
  background-color: #521AAA;
}

.navigator{
  background-color: #521AAA;
}

.tree-item-header:hover{
  background-color: #191555;
  color: white;
}

.tree-item-header::selection {
  background-color: #191555;
  color: black;
}

#navigator-toggle{
  background-color: #4C14B1;
}

blockquote{
  border-inline-start: 4px solid #4C14B1;
}

.tree-item{
  color: white;
}



.icon-chevron_left{
  color:white;
}

.navigator-icon-closed{
  color: white;
}

div[data-component="panel"][data-appearance="success"]{
  background-color: #D8F9E4;
}
div[data-component="panel"][data-appearance="error"]{
  background-color: #FFD2D7;
}

search-bar {
  background-color: transparent;
}

hr {
    border-color: #C9C9C9;
    margin-top: 20px;
    margin-bottom: 20px;
}

.inline-image,
.block-image {
  --width: auto !important;
  max-width: 80%;
}