/* :root {
    --bulma-primary-h: 272deg;
    --bulma-primary-s: 94%;
    --bulma-primary-l: 26%;
  }

  .button.is-primary
  {
    color:white;
  } */

body{
  background: rgba(0, 3, 36, 1);
}


   header:not(.card-header){
    background: #460481;
    background: radial-gradient(circle,rgba(70, 4, 129, 1) 0%, rgba(0, 3, 36, 1) 100%);
    color:white !important;
}

header .title, header .subtitle
{
  color:white;
}

.darkGreySection{
  background: #084349;
  padding-top:2rem;
  padding-bottom:2rem;
}
.whiteSection{
  background: white;
  padding-top:2rem;
  padding-bottom:2rem;
}

.darkBlueSection{
  background: #460481;
  background: radial-gradient(circle,rgba(70, 4, 129, 1) 0%, rgba(0, 3, 36, 1) 100%);
  padding-top:2rem;
  padding-bottom:2rem;
}

.assistantLink .image{
  overflow:hidden;
  border-start-end-radius: var(--bulma-card-radius);
  border-start-start-radius: var(--bulma-card-radius)
}



.assistantLink .image img{
  transition: transform 300ms ease-in-out;
}

.assistantLink:hover .image img{
  transform:scale(1.1);
}
.assistantCell{
  transition: transform 0.3s ease-in-out;
}
.assistantCell:hover{
  transform: scale(1.15);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  z-index: 10;   
}

.titleShadow{
  text-shadow:0px 0px 15px black
}

#notificationContainer{
  position: fixed;
  top: 60px;
  right: 20px;
  z-index: 1000;
  width: 300px;
}
#notificationContainer .notification{
  margin-bottom: 10px;
}