html {
    scroll-behavior: smooth;
    width: 100%;
    overflow-x: hidden;
}

body {
    width: 100%;
    overflow-x: hidden;
    min-height: 100dvh;
    display: flex;
    flex-direction: column;
}

main {
    flex-grow: 1;

}

.section {
    width: 100%;
    padding: 2rem 0;
}

.container {
    max-width: 156rem;
    width: 100%;
    padding: 0 2rem;
    margin: 0 auto;
}

* {
    word-break: break-word;
}

/* === Randomized colors === */
:root,
[data-bs-theme=light] {
  --bs-btn-bg: #0dcde5;
  --bs-btn-color: #000000;
  --bs-btn-border-color: #00b4cc;
  --bs-btn-hover-bg: #00a5bd;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-border-color: #009cb3;
  --bs-btn-active-bg: #0092a9;
  --bs-btn-active-color: #000000;
  --bs-btn-active-border-color: #0089a0;
  --bs-btn-disabled-bg: #ededed;
  --bs-btn-disabled-color: #000000;
  --bs-btn-disabled-border-color: #d8e5e8;
  --bs-btn-focus-shadow-rgb: 13, 205, 229;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-secondary-color: #000000;
  --bs-primary-rgb: 149, 138, 0;
  --bs-dark-rgb: 69, 25, 23;
  --bs-font-sans-serif: 'Trebuchet MS', sans-serif;
  --bs-body-font-family: 'Trebuchet MS', sans-serif;
  --bs-font-monospace: 'Courier New', monospace;
  --bs-decorative-font: 'Snell Roundhand', cursive;
  --bs-headings-font-family: 'Snell Roundhand', cursive;
  --white: #ffffff;
  --primary: #958a00;
  --primary-dark: #6d6600;
  --primary-light: #bfaf36;
  --primary-bg: #d4c349;
  --secondary: #4d7f3d;
  --secondary-dark: #295b1b;
  --secondary-light: #73a560;
  --secondary-bg: #86b972;
  --accent: #006e8e;
  --accent-dark: #004b6a;
  --accent-light: #4193b5;
  --accent-bg: #57a6c9;
  --success-color: #6eb21e;
  --success-light: #97da4a;
  --success-dark: #458b00;
  --success-bg: #abef5e;
  --warning-color: #e19374;
  --warning-light: #ffba9a;
  --warning-dark: #b76d51;
  --warning-bg: #ffcead;
  --danger-color: #ff456b;
  --danger-light: #ff728f;
  --danger-dark: #d10048;
  --danger-bg: #ff87a2;
  --info-color: #00a49f;
  --info-light: #4bccc6;
  --info-dark: #007e79;
  --info-bg: #63e0da;
  --neutral-50: #f9f9f9;
  --neutral-150: #e2e2e2;
  --neutral-250: #cccccc;
  --neutral-350: #b6b6b6;
  --neutral-450: #a0a0a0;
  --neutral-550: #8b8b8b;
  --neutral-650: #777777;
  --neutral-750: #636363;
  --neutral-850: #505050;
  --neutral-950: #3e3e3e;
  --neutral-1050: #2c2c2c;
  --gray-50: var(--neutral-50);
  --gray-150: var(--neutral-150);
  --gray-250: var(--neutral-250);
  --gray-350: var(--neutral-350);
  --gray-450: var(--neutral-450);
  --gray-550: var(--neutral-550);
  --gray-650: var(--neutral-650);
  --gray-750: var(--neutral-750);
  --gray-850: var(--neutral-850);
  --gray-950: var(--neutral-950);
  --gray-1050: var(--neutral-1050);
  --background-primary: var(--neutral-50);
  --background-secondary: var(--neutral-150);
  --background-tertiary: #ffffff;
  --background-dark: var(--neutral-950);
  --text-primary: #212529;
  --text-secondary: #495057;
  --text-tertiary: #6c757d;
  --text-light: #ffffff;
  --border-light: var(--neutral-200);
  --border-medium: var(--neutral-300);
  --border-dark: var(--neutral-400);
  --bs-primary: var(--primary);
  --bs-accent: var(--accent);
  --bs-accent-rgb: 0, 110, 142;
  --bs-secondary-rgb: 77, 127, 61;
  --bs-primary-bg: var(--primary-bg);
  --bs-white-10: rgba(255, 255, 255, 0.1);
}