ꯁꯤ.ꯑꯦꯁ.ꯑꯦꯁ.ꯀꯤ ꯚꯦꯔꯤꯑꯦꯕꯂꯁꯤꯡ꯫

ꯕꯨꯇꯁ꯭ꯠꯔꯥꯄꯅꯥ ꯁꯥꯁ ꯑꯃꯨꯛ ꯍꯟꯅꯥ ꯀꯝꯄꯥꯏꯜ ꯇꯧꯕꯒꯤ ꯃꯊꯧ ꯇꯥꯗꯅꯥ ꯔꯤꯑꯦꯜ-ꯇꯥꯏꯝ ꯀꯁ꯭ꯇꯃꯔꯥꯏꯖꯦꯁꯟ ꯇꯧꯅꯕꯒꯤꯗꯃꯛ ꯃꯁꯤꯒꯤ ꯀꯝꯄꯥꯏꯜ ꯇꯧꯔꯕꯥ CSSꯗꯥ CSS ꯀꯁ꯭ꯇꯝ ꯄ꯭ꯔꯣꯄꯔꯇꯤ (ꯚꯦꯔꯤꯑꯦꯕꯜ) ꯀꯌꯥ ꯑꯃꯥ ꯌꯥꯎꯏ꯫ ꯍꯥꯌꯔꯤꯕꯁꯤꯡ ꯑꯁꯤꯅꯥ ꯅꯍꯥꯛꯀꯤ ꯕ꯭ꯔꯥꯎꯖꯔꯒꯤ ꯏꯟꯁꯄꯦꯛꯇꯔ, ꯀꯣꯗ ꯁꯦꯟꯗꯕꯣꯛꯁ ꯑꯃꯗꯥ, ꯅꯠꯠꯔꯒꯥ ꯖꯦꯅꯦꯔꯦꯜ ꯄ꯭ꯔꯣꯇꯣꯇꯥꯏꯄꯤꯡꯗꯥ ꯊꯕꯛ ꯇꯧꯕꯥ ꯃꯇꯃꯗꯥ ꯑꯩꯈꯣꯌꯒꯤ ꯊꯤꯝ ꯃꯆꯨ, ꯕ꯭ꯔꯦꯀꯄꯣꯏꯟꯇꯁꯤꯡ, ꯑꯃꯁꯨꯡ ꯄ꯭ꯔꯥꯏꯃꯥꯔꯤ ꯐꯣꯟꯇ ꯁ꯭ꯇꯦꯀꯁꯤꯡꯒꯨꯝꯕꯥ ꯀꯃꯟ ꯑꯣꯏꯅꯥ ꯁꯤꯖꯤꯟꯅꯕꯥ ꯚꯦꯜꯌꯨꯁꯤꯡ ꯐꯖꯅꯥ ꯐꯪꯍꯜꯂꯤ꯫

ꯑꯩꯈꯣꯌꯒꯤ ꯀꯁ꯭ꯇꯝ ꯄ꯭ꯔꯣꯄꯔꯇꯤ ꯄꯨꯝꯅꯃꯛ ꯑꯁꯤbs- ꯊꯥꯔꯗ ꯄꯥꯔꯇꯤ ꯁꯤ.ꯑꯦꯁ.ꯑꯦꯁ.ꯀꯥ ꯂꯣꯌꯅꯅꯥ ꯀꯅꯐ꯭ꯂꯤꯛꯇ ꯇꯧꯗꯅꯕꯥ ꯄ꯭ꯔꯤꯐꯤꯛꯁ ꯇꯧꯏ꯫

ꯔꯨꯠ ꯚꯦꯔꯤꯑꯦꯕꯂꯁꯤꯡ꯫

ꯃꯐꯝ ꯑꯁꯤꯗꯥ ꯑꯩꯈꯣꯌꯅꯥ ꯌꯥꯑꯣꯔꯤꯕꯥ ꯚꯦꯔꯤꯑꯦꯕꯂꯁꯤꯡ ( :rootꯃꯊꯧ ꯇꯥꯔꯦ ꯍꯥꯌꯕꯥ ꯈꯉꯕꯤꯌꯨ) ꯃꯈꯣꯌꯁꯤꯡ ꯑꯁꯤ ꯕꯨꯠꯁ꯭ꯠꯔꯥꯄꯀꯤ CSS ꯂꯣꯗ ꯇꯧꯕꯥ ꯃꯐꯝ ꯑꯃꯍꯦꯛꯇꯗꯥ ꯑꯦꯛꯁꯦꯁ ꯇꯧꯕꯥ ꯌꯥꯏ꯫ ꯃꯈꯣꯌ ꯑꯁꯤ ꯑꯩꯈꯣꯌꯒꯤ _root.scssꯐꯥꯏꯂꯗꯥ ꯂꯩ ꯑꯃꯁꯨꯡ ꯑꯩꯈꯣꯌꯒꯤ ꯀꯝꯄꯥꯏꯜ ꯇꯧꯔꯕꯥ ꯗꯤꯁ꯭ꯠ ꯐꯥꯏꯂꯁꯤꯡꯗꯥ ꯌꯥꯑꯣꯔꯤ꯫

: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: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #0d6efd;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-primary-rgb: 13, 110, 253;
  --bs-secondary-rgb: 108, 117, 125;
  --bs-success-rgb: 25, 135, 84;
  --bs-info-rgb: 13, 202, 240;
  --bs-warning-rgb: 255, 193, 7;
  --bs-danger-rgb: 220, 53, 69;
  --bs-light-rgb: 248, 249, 250;
  --bs-dark-rgb: 33, 37, 41;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-body-color-rgb: 33, 37, 41;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-font-sans-serif: system-ui, -apple-system, "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));
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #212529;
  --bs-body-bg: #fff;
}

ꯀꯝꯄꯣꯅꯦꯟꯇ ꯚꯦꯔꯤꯑꯦꯕꯂꯁꯤꯡ꯫

ꯑꯩꯈꯣꯌꯅꯥ ꯇꯣꯉꯥꯟ ꯇꯣꯉꯥꯅꯕꯥ ꯀꯝꯄꯣꯅꯦꯟꯇꯁꯤꯡꯒꯤꯗꯃꯛꯇꯥ ꯂꯣꯀꯦꯜ ꯚꯦꯔꯤꯑꯦꯕꯜ ꯑꯣꯏꯅꯥ ꯀꯁ꯭ꯇꯝ ꯄ꯭ꯔꯣꯄꯔꯇꯤꯁꯤꯡꯁꯨ ꯁꯤꯖꯤꯟꯅꯕꯥ ꯍꯧꯔꯦ꯫ ꯃꯁꯤꯒꯤ ꯃꯑꯣꯡ ꯑꯁꯤꯅꯥ ꯑꯩꯈꯣꯌꯅꯥ ꯑꯩꯈꯣꯌꯒꯤ ꯀꯝꯄꯥꯏꯜ ꯇꯧꯔꯕꯥ ꯁꯤ.ꯑꯦꯁ.ꯑꯦꯁ.ꯁꯤꯡ ꯍꯟꯊꯍꯅꯕꯥ ꯉꯃꯒꯅꯤ, ꯅꯦꯁ꯭ꯇꯦꯗ ꯇꯦꯕꯂꯁꯤꯡꯒꯨꯝꯕꯥ ꯃꯐꯃꯁꯤꯡꯗꯥ ꯁ꯭ꯇꯥꯏꯂꯁꯤꯡ ꯏꯅꯍꯦꯔꯤ ꯇꯧꯗꯕꯥ ꯁꯣꯏꯗꯅꯥ ꯌꯦꯡꯁꯤꯅꯕꯥ ꯉꯃꯒꯅꯤ, ꯑꯃꯁꯨꯡ ꯁꯥꯁ ꯀꯝꯄꯥꯏꯜ ꯇꯧꯔꯕꯥ ꯃꯇꯨꯡꯗꯥ ꯕꯨꯠꯁ꯭ꯠꯔꯥꯞ ꯀꯝꯄꯣꯅꯦꯟꯇꯁꯤꯡꯒꯤ ꯕꯦꯁꯤꯛ ꯔꯤꯁ꯭ꯇꯥꯏꯜ ꯈꯔꯥ ꯑꯃꯁꯨꯡ ꯑꯦꯛꯁꯇꯦꯟꯗ ꯇꯧꯕꯥ ꯌꯥꯍꯅꯒꯅꯤ꯫

ꯑꯩꯈꯣꯌꯅꯥ ꯁꯤ.ꯑꯦꯁ.ꯑꯦꯁ.ꯀꯤ ꯚꯦꯔꯤꯑꯦꯕꯂꯁꯤꯡ ꯑꯁꯤ ꯀꯔꯝꯅꯥ ꯁꯤꯖꯤꯟꯅꯔꯤꯕꯒꯦ ꯍꯥꯌꯕꯒꯤ ꯃꯇꯥꯡꯗꯥ ꯋꯥꯈꯜ ꯈꯔꯥ ꯈꯉꯅꯕꯒꯤꯗꯃꯛ ꯑꯩꯈꯣꯌꯒꯤ ꯇꯦꯕꯜ ꯗꯣꯀꯨꯃꯦꯟꯇꯁꯤꯡ ꯌꯦꯡꯕꯤꯌꯨ .

ꯑꯩꯈꯣꯌꯅꯥ ꯑꯩꯈꯣꯌꯒꯤ ꯒ꯭ꯔꯤꯗ ꯄꯨꯝꯅꯃꯛꯇꯥ ꯁꯤ.ꯑꯦꯁ.ꯑꯦꯁ.ꯀꯤ ꯚꯦꯔꯤꯑꯦꯕꯂꯁꯤꯡꯁꯨ ꯁꯤꯖꯤꯟꯅꯔꯤ-ꯃꯔꯨꯑꯣꯏꯅꯥ ꯒꯇꯔꯁꯤꯡꯒꯤꯗꯃꯛꯇꯥ-ꯇꯨꯡꯗꯥ ꯀꯝꯄꯣꯅꯦꯟꯇ ꯍꯦꯟꯅꯥ ꯁꯤꯖꯤꯟꯅꯕꯥ ꯂꯥꯛꯀꯅꯤ꯫

ꯈꯨꯗꯃꯁꯤꯡ꯫

CSS ꯚꯦꯔꯤꯑꯦꯕꯂꯁꯤꯡꯅꯥ ꯁꯥꯁꯀꯤ ꯚꯦꯔꯤꯑꯦꯕꯂꯁꯤꯡꯒꯥ ꯃꯥꯟꯅꯕꯥ ꯐ꯭ꯂ���ꯛꯁꯤꯕꯤꯂꯤꯇꯤ ꯄꯤꯔꯤ, ꯑꯗꯨꯕꯨ ꯕ꯭ꯔꯥꯎꯖꯔꯗꯥ ꯁꯔꯚꯤꯁ ꯇꯧꯗ꯭ꯔꯤꯉꯩꯒꯤ ꯃꯃꯥꯡꯗꯥ ꯀꯝꯄꯥꯏꯂꯦꯁꯅꯒꯤ ꯃꯊꯧ ꯇꯥꯗꯦ꯫ ꯈꯨꯗꯝ ꯑꯣꯏꯅꯥ, ꯃꯐꯝ ꯑꯁꯤꯗꯥ ꯑꯩꯈꯣꯌꯅꯥ ꯑꯩꯈꯣꯌꯒꯤ ꯄꯦꯖꯒꯤ ꯐꯣꯟꯇ ꯑꯃꯁꯨꯡ ꯂꯤꯉ꯭ꯛ ꯁ꯭ꯇꯥꯏꯂꯁꯤꯡ CSS ꯚꯦꯔꯤꯑꯦꯕꯂꯁꯤꯡꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯔꯤꯁꯦꯠ ꯇꯧꯔꯤ꯫

body {
  font: 1rem/1.5 var(--bs-font-sans-serif);
}
a {
  color: var(--bs-blue);
}

ꯒ꯭ꯔꯤꯗ ꯕ꯭ꯔꯦꯀꯄꯣꯏꯟꯇꯁꯤꯡ꯫

ꯑꯩꯈꯣꯌꯅꯥ ꯑꯩꯈꯣꯌꯒꯤ ꯒ꯭ꯔꯤꯗ ꯕ꯭ꯔꯦꯀꯄꯣꯏꯟꯇꯁꯤꯡ xsꯑꯁꯤ ꯁꯤ.ꯑꯦꯁ.ꯑꯦꯁ . ꯃꯁꯤ ꯚꯦꯔꯤꯑꯦꯕꯂꯁꯤꯡꯒꯤꯗꯃꯛꯇꯥ ꯁꯤ.ꯑꯦꯁ.ꯑꯦꯁ.ꯀꯤ ꯁ꯭ꯄꯦꯀꯇꯥ ꯗꯤꯖꯥꯏꯅꯒꯤ ꯃꯇꯨꯡ ꯏꯟꯅꯥ ꯑꯣꯏꯔꯤ, ꯑꯗꯨꯕꯨ ꯚꯦꯔꯤꯑꯦꯕꯂꯁꯤꯡꯒꯤ ꯁꯄꯣꯔꯇꯀꯥ ꯂꯣꯌꯅꯅꯥ ꯂꯥꯛꯀꯗꯧꯔꯤꯕꯥ ꯆꯍꯤꯁꯤꯡꯗꯥ ꯍꯣꯡꯂꯀꯄꯥ env()ꯌꯥꯏ꯫ ꯃꯇꯦꯡ ꯑꯣꯏꯕꯥ ꯂꯤꯉ꯭ꯛ ꯈꯔꯒꯤꯗꯃꯛ ꯁ꯭ꯇꯦꯛ ꯑꯣꯚꯔꯐ꯭ꯂꯣꯒꯤ ꯄꯥꯎꯈꯨꯝ ꯑꯁꯤ ꯌꯦꯡꯕꯤꯌꯨ꯫ ꯃꯁꯤꯒꯤ ꯃꯅꯨꯡꯗꯥ, ꯅꯍꯥꯛꯅꯥ ꯚꯦꯔꯤꯑꯦꯕꯂꯁꯤꯡ ꯑꯁꯤ ꯑꯇꯣꯞꯄꯥ ꯁꯤ.ꯑꯦꯁ.ꯑꯦꯁ.ꯀꯤ ꯐꯤꯚꯃꯁꯤꯡꯗꯥ ꯁꯤꯖꯤꯟꯅꯕꯥ ꯌꯥꯒꯅꯤ, ꯂꯣꯌꯅꯅꯥ ꯅꯍꯥꯛꯀꯤ ꯖꯥꯚꯥꯁ꯭ꯛꯔꯤꯞꯇꯗꯁꯨ ꯁꯤꯖꯤꯟꯅꯕꯥ ꯌꯥꯒꯅꯤ꯫