#sidebar-nav a {
  color: #F6BC03;
  font-family: cinzel,serif;
}

.btn {
  border: none!important;
}

#welcomestar.btn:hover, #welcomestar.btn:active, #welcomestar.btn:target, #welcomestar.btn:focus {
  border: none!important;
  outline: none!important;
  outline: none;
  box-shadow: none;
}

#welcomestar.btn:hover, #welcomestar.btn:active, #welcomestar.btn:target, #welcomestar.btn:focus, #pinstar.btn {
  border: none!important;
  outline: none!important;
  outline: none;
  box-shadow: none;
}

h1, h2, h3, h4, h5, h6 {
  font-family: cinzel;
  font-weight: 500;
}

h1, h4 {
  font-size: 2.5rem!important;
}

h2, h5 {
  font-size: 1.6rem;
}

h3 {
  font-size: 1.45rem!important;
}

h6 {
  font-size: 1.25rem!important;
}

h1, h2, h3, h6 {
  color: #F6BC03!important;
}

h4, h5 {
  color: #04053B!important;
}

:root {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-white: #fff;
  --bs-gray: #868e96;
  --bs-gray-dark: #343a40;
  --bs-primary: #F6BC03!important;
  --bs-secondary: #ecb807;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-font-sans-serif: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
}

.flip-card {
  background-color: transparent;
  perspective: 1000px;
}

.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  transition: transform 0.6s;
  transform-style: preserve-3d;
  box-shadow: 0 8px 10px 0 rgba(90,90,90,0.2);
}

.flip-card.flipped .flip-card-inner {
  transform: rotateY(180deg);
}

.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
}

.flip-card-back {
  transform: rotateY(180deg);
}

.colorizer {
  filter: url(#duotone);
  transition: filter 1s;
}

.colorizer:hover, .colorizer:target, .colorizer:active {
  filter: url(#original);
}