@font-face {
	font-family: 'Inter'; 
	src: url('fonts/inter/Inter-VariableFont_slnt,wght.ttf'); 
}

body {
  max-width: 1920px;
  margin: auto;
  background-color:  #1E1E1E;
  font-family: Inter;
  color: rgba(255, 255, 255, 0.85);
}

header {
  padding: 0 1rem;
}

.header {
  border-bottom: #747474 solid 1px;
  padding: 1.6rem 0;
}

aside {
  width: 460px;
  min-width: 310px;
  padding: 0 1rem;
  border-right: #747474 solid 1px;
}

@media (max-width: 768px) {
  aside {
    width: auto;
    min-width: auto;
    border-right: none;
  }
}

.two-column {
  column-count: 2;
  column-gap: 40px;
}

@media (max-width: 992px) {
  .two-column {
    column-count: 1;
    column-gap: 0;
  }
}

hr {
  border: none;
  border-bottom: #747474 solid 1px;
  opacity: 1;
}

h1 {
  font-size: 2rem;
  font-weight: 400;
}

.py-05 {
  padding-top: .12rem;
  padding-bottom: .12rem;
}

.px-05 {
  padding-left: .12rem;
  padding-right: .12rem;
}

.bg-green {
  background-color: #57D46B;
}

.font-small {
  font-size: 1.25rem;
}

.fs-25 {
  font-size: 2.35rem;
  font-weight: bold;
}

.fs-30 {
  font-size: 2.35rem;
  font-weight: bold;
}

.pre-line {
  white-space: pre-line;
  /* margin-top: -1.6rem; */
}

.marquee {
  overflow: hidden;
}

.marquee-line {
  white-space: nowrap;
}

.marquee-line span {
  margin-right: 1rem;
}

.tasks-block.hidden {
  opacity: 0;
  display: none;
}

.tasks-block {
  animation: ani 1s forwards;
}

.cs-tasks-matquee, .supervisor-tasks-matquee {
  max-height: 356px;
  overflow: hidden;
}

.frame {
  display: none;
}

.frame.active {
  display: block;
}

@keyframes ani {
  0% {opacity: 0;}
  100% {opacity: 1;}
}

a {
  
  outline: none;
  text-decoration: none;
  padding: 2px 1px 0;
}

a:link {
  color: white;
}

a:visited {
  color: white;
}

a:hover {
  border-bottom: 1px solid;
}

a:active {
  background: white;
}