html {
      scroll-behavior: smooth;
    }

    .container {

      padding-top: 100px;
    }

    .navbar {
      font-size: 1rem;
    }

    .bg-scarlet {
      color: white;
      background-color: crimson;

    }
    .bg-blue {
      color: white;
      background-color: steelblue;

    }
    .bg-green {
      color: white;
      background-color: green;

    }
    .bg-grey {
      color: black;
      background-color: darkgrey;

    }
    .bg-purple {
      color: white;
      background-color: purple;
    }
    .bg-white {
      color: black;
      background-color: whitesmoke;

    }
    .bg-white:hover {
      color:grey;
    }
    .carousel-control-prev.custom-nav,
.carousel-control-next.custom-nav {
  width: 3rem;
  height: 100%;
  top: 0;
  bottom: 0;
  position: absolute;
  background: none;
  border: none;
  z-index: 2;
}

.carousel-control-prev.custom-nav {
  left: -3rem; /* Push left */
}

.carousel-control-next.custom-nav {
  right: -3rem; /* Push right */
}

.text-goldenrod {
  color: goldenrod;
}
.bi-play-circle, .bi-pause-circle {
  color: goldenrod;
}
    .tile {
      position: relative;
      padding: 100px 20px;
      font-size: 2rem;
      border-bottom: 5px solid rgb(80, 80, 80);
    }

    .tile-title {
      font-size: 3rem;
      padding-bottom: 20px;
    }

    .tile-body {
      position: relative;
      align-items: center;
    }
.tilt {
  display: inline-block;
  transform: rotate(-4deg);
}
    .navbar-progress-container {
      position: absolute;
      bottom: 0;
      left: 0;
      height: 4px;
      width: 100%;
      background-color: rgba(255, 255, 255, 0.2);
      z-index: 999;
      overflow: hidden;
    }

    .navbar-progress-fill {
      height: 100%;
      width: 100%;
      background-color: goldenrod;
      transition: none;
    }
    .note-group-select-from-files {
  display: none;
}
#scheduler-toggle {
  margin-left: 20px;
}