main.scss

@charset "utf-8";

$ti-font-path: 'node_modules/@tabler/icons/iconfont/fonts/';
@import 'node_modules/@tabler/icons/iconfont/tabler-icons';

$primary: #b83e51;
$secondary: #DC926E;
$success: #81a65e;
$info: #242331;
$warning: #ea7d18;
$danger: #f44336;
$light: #F4F4F0;
$dark: #262432;

$navbar-nav-link-padding-x: 1rem;
$headings-margin-bottom: 1rem;

@import "node_modules/bootstrap/scss/bootstrap";

main li:not(.nav-item) {
   margin-bottom: 0.25rem;
}

.btn-success, .btw-success:hover, .btn-outline-success:hover {
  color: $white !important;
}

.navbar-brand img {
  width: 3rem;
  height: 3rem;
}

@include media-breakpoint-up(md) {
  .navbar-brand img {
    width: 5rem;
    height: 5rem;
    margin: -0.5rem 0 -2.5rem 0rem;
  }
}

// Injected by htmx.js, but adding for noscript users
.htmx-indicator {
  opacity: 0;
}