/* Use this file to add custom styles. */
@import url('scroll-bar.css');
@import url('material-icons-filled.css');
@import url('material-icons-outlined.css');
@import url('material-symbols-rounded.css');
@import url('material-symbols-outlined.css');
@import url('font-main.css');

:root{
  --primary: #14260b;
  /* --txt-color: rgb(79, 79, 79); */
  --caption-color: #6b6b6b;
  --txt-color-light: #f1f1f1;
  --caption-color-light: #ffffffB2;

  /* Change Breadcrumb divider using below variable */
  --mdb-breadcrumb-divider: '>';
}

*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
/*:not(.fas):not(.fab)*/
:not([class*="fa-"]):not([class*="material-icons"]):not([class*="material-symbols"]){ 
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-weight: 500;
}
/* 
body{
  background: url('./trinity_bg.png'), lightgray 50% / cover no-repeat;
} */

#main-content{
  background: rgba(0, 0, 0, 0.60);
  backdrop-filter: blur(50px);
}

.nav-text{
  font-size: 0.625rem;
}

.bottom-nav-txt {
  font-size: 10px;
  margin-top: -4px;
  color: var(--caption-color);
}

.sidenav-link.active{
  border-radius: 4px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(144, 144, 144, 0.50);
  backdrop-filter: blur(50px);
}