@font-face {
    font-family: 'OpenSans300';
    src: url(./fonts/openSans300normal.woff2) format('woff2');
}
@font-face {
    font-family: 'OpenSans500';
    src: url(./fonts/openSans500normal.woff2) format('woff2');
}
@font-face {
    font-family: 'ancient';
    src: url('./fonts/AncientMedium.woff') format('woff');
}
html {
    scroll-behavior: smooth;
}
body * {
    transition: .1s;
}
:root,
[data-bs-fontSize=" "] {
    --root------------fontSize: 19px;
    --root----------fontFamily: 'OpenSans300', sans-serif;
}
[data-bs-fontSize="xxx"] {
    --root------------fontSize: 30px;
    --root----------fontFamily: 'OpenSans500', sans-serif;
}
[data-bs-theme="light"] {
    --root-color-text----title: #000000;
    --root-color-text-----main: #000000;
    --root-color-text-dark-main: #ffffff;
    --root-color-text-lght-main: #212121;
    --root-color-text----aside: #000000;
    --root-color-text---footer: #000000;
    --root-color-body------tlo: rgb(215 216 223);
    --root-color-header----tlo: rgb(255 255 255 / 80%);
    --root-color-header---card: rgb(255 255 255 / 50%);
    --root-color-main------tlo: rgb(255 255 255 / 0%);
    --root-color-aside-----tlo: rgb(255 255 255 / 0%);
    --root-color-footer----tlo: rgb(255 255 255 / 10%);
    --root-color-cookies---tlo: rgb(30 119 188);
    --root-color-header---link: rgb(255 255 255 / 0%);
    --root-color-aside----link: rgb(255 255 255 / 0%);
    --root-color-footer---link: rgb(255 255 255 / 0%);
    --root-color-company--logo: rgb(255 255 255);
    --root-color-main-----link: #3900ff;
}
[data-bs-theme=" "] {
    --root-color-text----title: #c7c7c7;
    --root-color-text-----main: #c7c7c7;
    --root-color-text-dark-main: #c7c7c7;
    --root-color-text-lght-main: #c7c7c7;
    --root-color-text----aside: #c7c7c7;
    --root-color-text---footer: #000000;
    --root-color-body------tlo: rgb(75 34 63);
    --root-color-header----tlo: rgb(255 255 255 / 10%);
    --root-color-header---card: rgb(255 255 255 / 10%);
    --root-color-main------tlo: rgb(255 255 255 / 0%);
    --root-color-aside-----tlo: rgb(255 255 255 / 0%);
    --root-color-footer----tlo: rgb(255 255 255 / 10%);
    --root-color-cookies---tlo: rgb(34 48 75);
    --root-color-header---link: rgb(255 255 255 / 0%);
    --root-color-aside----link: rgb(255 255 255 / 0%);
    --root-color-footer---link: rgb(255 255 255 / 0%);
    --root-color-company--logo: rgb(255 255 255);
    --root-color-main-----link: #fff600;
}
[data-bs-contrast="contrast+"] {
    --root-color-text----title: rgb(255, 225, 0);
    --root-color-text-----main: rgb(255, 226, 0);
    --root-color-text-dark-main: rgb(255, 226, 0);
    --root-color-text-lght-main: rgb(255, 226, 0);
    --root-color-text----aside: rgb(255, 226, 0);
    --root-color-text---footer: #000000;
    --root-color-body------tlo: rgb(0, 0, 0);
    --root-color-header----tlo: rgb(0, 0, 0);
    --root-color-header---card: rgb(0, 0, 0);
    --root-color-main------tlo: rgb(0, 0, 0);
    --root-color-aside-----tlo: rgb(0, 0, 0);
    --root-color-footer----tlo: rgb(0, 0, 0);
    --root-color-cookies---tlo: rgb(0, 0, 0);
    --root-color-header---link: rgb(51, 51, 51);
    --root-color-aside----link: rgba(51, 51, 51, 0);
    --root-color-footer---link: rgb(0, 0, 0);
    --root-color-company--logo: rgb(255, 220, 0);
    --root-color-main-----link: rgb(255, 137, 0);
}