:root {
    --cassiopeia-color-primary: #a4ce3acc;
    /*--cassiopeia-color-primary: #A8518A;*/
    /*--cassiopeia-color-primary: #88CFE0;*/
    --cassiopeia-color-link: #7314a1;
    /*--cassiopeia-color-link: #DB473C;*/
    /*--cassiopeia-color-hover: #949699;*/
    --cassiopeia-color-hover: #ED3237;
}

.header {
    background: rgb(41,238,255);
background: linear-gradient(150deg, rgba(41,238,255,0.48503151260504207) 0%, rgba(247,179,77,0.6418942577030813) 47%, rgba(255,253,105,0.6558998599439776) 67%, rgba(94,255,145,0.5914740896358543) 77%, rgba(81,216,235,0.5326505602240896) 91%, rgba(81,144,201,0.5018382352941176) 94%);
  /*height: 8vh;*/
}

/* Smaller banner */
.container-topbar {
    height: 6.7vh;/* height: 8vh; */
}

.container-header {
    height: 16vh;
}

.footer {
    background: rgb(41,238,255);
background: linear-gradient(150deg, rgba(41,238,255,0.48503151260504207) 0%, rgba(247,179,77,0.6418942577030813) 47%, rgba(255,253,105,0.6558998599439776) 67%, rgba(94,255,145,0.5914740896358543) 77%, rgba(81,216,235,0.5326505602240896) 91%, rgba(81,144,201,0.5018382352941176) 94%);
}

.card {
    box-shadow: 2px 14px 18px 0px rgba(0, 0, 0, 0.35);
    -webkit-box-shadow: 2px 14px 18px 0px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 2px 14px 18px 0px rgba(0, 0, 0, 0.35);
}

.card .card-header {
  	background-color: rgba(164,206,58,0.3);
  	text-align: center;
    color: rgba(168, 81, 138, 0.95);
    text-shadow: 2px 2px 8px rgba(150, 150, 150, 0.7);
}

h1 {
    text-shadow: 2px 2px 8px rgba(150, 150, 150, 0.7);
    /*color: rgba(136, 207, 224, 1);*/
    color: rgba(219, 71, 60, 1);
}

h2 {
    text-shadow: 2px 2px 8px rgba(150, 150, 150, 0.6);
    /*color: rgba(136, 207, 224, 1);*/
    color: rgba(219, 71, 60, 0.95);
    text-align: center;
}

.container-header .mod-menu {
  /*color: #0a3705;*/
  /*color: #a1248f;*/
  /*color: #00a551;*/
  /*color: #00adef;*/
  color: rgba(219, 71, 60, 1);
  font-weight: bolder;
  /*background-color: #ffffffeb;*/
  /*background-color: rgba(255, 255, 255, 0.6);*/
  background: linear-gradient(150deg, rgba(41,238,255,0.7) 50%, rgba(81,216,235,0.95) 50%);
}

.metismenu.mod-menu .mm-toggler {
  font-weight: 700;
}

.metismenu.mod-menu .mm-collapse {
   background-color: #ffffffeb;
  /*background-color: #a4ce3a;*/
  /*background-color: #a4ce3a96;*/
}

a {
    color: #00adef;
}

.list-group-item-action {
    text-align: center;
}

.btn-info {
    --btn-bg: #e55b37;
    --btn-border-color: #ad6200;
    --btn-hover-bg: #a51f18;
    --btn-hover-border-color: #a51f18;
}