:root {
    --bs-black: #000000;
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc221c;
    --bs-orange: #fd7e14;
    --bs-orange-dark: #ee4a34;
    --bs-orange-dark-light: #fae4df;
    --bs-yellow: #ffcc00;
    --bs-green: #28a745;
    --bs-teal: #20c997;
    --bs-cyan: #17a2b8;
    --bs-white: #ffffff;
    --bs-gray: #dedede;
    --bs-gray-light: #e1e1e1;
    --bs-gray-dark: #343a40;
    --bs-primary: #00008B;
    --bs-primary-dark: #e76800;
    --bs-primary-light: #fbf0f0;
    --bs-primary-shadow: rgb(0 123 255 / 0.5);
    --bs-secondary: #303030;
    --bs-secondary-dark: #1f2120;
    --bs-gray-500: #e8e8e8;
    --bs-gray-500-thumb: #c2c2c2;
    --bs-success: #28a745;
    --bs-info: #17a2b8;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #343a40;
    --bs-font-sans-serif: 'Poppins', sans-serif;
    --bs-font-special: 'Kaushan Script', cursive;
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-font-awesome: "FontAwesome";
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --bs-gradient-image: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --bs-shadow: 2px 5px 20px rgba(0, 0, 0, .2);
}

.h2, h2 {
    font-size: calc(0.8rem + 0.8vw);
}