:root {
    --primary-color: #cbac5a;
    --hover-primary-color: #7c6432;

    /*--primary-color: #eb5858;*/
    /*--hover-primary-color: #ba1927;*/

    /*--primary-color: #5155f5;*/
    /*--hover-primary-color: #2c2e83;*/

    /*--primary-color: #4f2c70;*/
    /*--hover-primary-color: #40205e;*/

    --primary-font-color: #4f2c70;
    --primary-radius:15px;
    --secondary-radius:5px;
    --primary-font-size: 18px;
    --secondary-font-size: 16px;
}
: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-primary: #0d6efd;*/
    --bs-primary: var(--primary-color);
    --bs-secondary: #6c757d;
    --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, "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));
}
.ca-texture {
    background-image: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%22160%22%20height%3D%22120%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url%28%23prefix__clip0_43_381%29%22%20stroke%3D%22rgba%28245%2C245%2C245%2C1%29%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M-66.839%2019.027C-44.46%2018.538-22.38%207.377%200%207.5c22.383.123%2057.617%2015%2080%2015%2022.383%200%2057.617-14.877%2080-15%2022.381-.123%2044.461%2011.037%2066.839%2011.527M-66.839%2049.028C-44.46%2048.537-22.38%2037.377%200%2037.5c22.383.123%2057.617%2015%2080%2015%2022.383%200%2057.617-14.877%2080-15%2022.381-.123%2044.461%2011.037%2066.839%2011.528M-66.839%2079.028C-44.46%2078.537-22.38%2067.377%200%2067.5c22.383.123%2057.617%2015%2080%2015%2022.383%200%2057.617-14.877%2080-15%2022.381-.123%2044.461%2011.037%2066.839%2011.528M-66.839%20109.027C-44.46%20108.537-22.38%2097.377%200%2097.5c22.383.123%2057.617%2015%2080%2015%2022.383%200%2057.617-14.877%2080-15%2022.381-.123%2044.461%2011.037%2066.839%2011.527%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22prefix__clip0_43_381%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h160v120H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
    mix-blend-mode: normal;
}

.ca-texture-transparent {
    background-image: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%22160%22%20height%3D%22120%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url%28%23prefix__clip0_43_381%29%22%20stroke%3D%22rgba%28245%2C245%2C245%2C1%29%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M-66.839%2019.027C-44.46%2018.538-22.38%207.377%200%207.5c22.383.123%2057.617%2015%2080%2015%2022.383%200%2057.617-14.877%2080-15%2022.381-.123%2044.461%2011.037%2066.839%2011.527M-66.839%2049.028C-44.46%2048.537-22.38%2037.377%200%2037.5c22.383.123%2057.617%2015%2080%2015%2022.383%200%2057.617-14.877%2080-15%2022.381-.123%2044.461%2011.037%2066.839%2011.528M-66.839%2079.028C-44.46%2078.537-22.38%2067.377%200%2067.5c22.383.123%2057.617%2015%2080%2015%2022.383%200%2057.617-14.877%2080-15%2022.381-.123%2044.461%2011.037%2066.839%2011.528M-66.839%20109.027C-44.46%20108.537-22.38%2097.377%200%2097.5c22.383.123%2057.617%2015%2080%2015%2022.383%200%2057.617-14.877%2080-15%2022.381-.123%2044.461%2011.037%2066.839%2011.527%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22prefix__clip0_43_381%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h160v120H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
    mix-blend-mode: normal;
    background-blend-mode: multiply;
}

.ca-primary-color {
    color: var(--primary-color) !important;
}
.ca-hover-primary-color {
    color: var(--hover-primary-color) !important;
}
.ca-primary-background {
    background-color: var(--primary-color) !important;
}
.ca-hover-primary-background {
    background-color: var(--hover-primary-color) !important;
}
.ca-background-image {
    background: url(../img/banner.jpg);
}
.ca-primary-radius {
    border-radius: var(--primary-radius);
}
.ca-secondary-radius {
    border-radius: var(--secondary-radius);
}
.ca-font-weight-\[100\] {
    font-weight: 100;
}
.ca-font-weight-\[200\] {
    font-weight: 200;
}
.ca-font-weight-\[300\] {
    font-weight: 300;
}
.ca-font-weight-\[400\] {
    font-weight: 400;
}
.ca-font-weight-\[500\] {
    font-weight: 500;
}
.ca-font-weight-\[600\] {
    font-weight: 600;
}
.ca-font-weight-\[700\] {
    font-weight: 700;
}
.ca-font-weight-\[800\] {
    font-weight: 800;
}
.ca-font-weight-\[900\] {
    font-weight: 900;
}

*,
body {
    font-family: "Cairo", serif;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: normal;
    font-variation-settings: "slnt" 0;
    transition-duration: 0.5s;
}
a.back-to-top-btn {
    display: none;
    transition-duration: 0.5s;
}
a.back-to-top {
    display: unset;
    position: fixed;
    bottom: 15px;
    right: 15px;
    rotate: 180deg;
    background-color: var(--primary-color);
    padding: 4.6px 6px;
    border-radius: 50%;
    color: white;
    text-decoration: none;
    font-weight: 600;
}

.navbar {
    margin: .5rem;
    margin-top: 1rem;
    border-radius: var(--primary-radius);
    border-bottom-left-radius: var(--secondary-radius);
    border-bottom-right-radius: var(--secondary-radius);
    background: linear-gradient(180deg, var(--primary-color) 48%,var(--hover-primary-color) 100%);
    font-family: "Cairo", serif;
    font-weight: 600;
}
.navbar-dark .navbar-nav .nav-link {
    font-weight: 600;
}

.navbar-brand > img {
    height: 64px;
    /*margin-right: 36px;*/
}

h1, h2, h3, h4, h5, h6 {
    color: var(--primary-font-color);
}

.intro img.avatar {
    margin: -66px;
    width: 198px;
    /*border: solid black 1px;*/
    position: relative;
    top: 64px;
}

.bg-white {
    background-color: var(--bs-white);
}

.w-fit-content {
    width: fit-content;
}

.banner {
    height: fit-content;
    width: 100%;
}