@font-face {
  font-family: 'Dosis';
  src: url(../fonts/Dosis-Regular.ttf) format('truetype');
}
.dosis {
    font-family: 'Dosis';
}

@font-face {
  font-family: 'Kaushan Script';
  src: url(../fonts/KaushanScript-Regular.ttf) format('truetype');
}
.kaushan {font-family: 'Kaushan Script';}


@font-face {
  font-family: 'Overlock';
  src: url(../fonts/Overlock-Regular.ttf) format('truetype');
}
.overlock {font-family: 'Overlock';}


@font-face {
  font-family: 'Winky Rough';
  font-style: normal;
  src: url(../fonts/WinkyRough-Regular.ttf) format('truetype');
}
.winky { font-family: 'Winky Rough';}


@font-face {
    font-family: 'SophiaReign';
    src: url('../fonts/sophia-reign.ttf') format('truetype');
    font-weight: normal;
    font-style: normal
}
.sophiaReign { 
    font-family: 'SophiaReign';
}

@font-face {
    font-family: 'TruetypewriterPolyglott';
    src: url('../fonts/truetypewriter-polyglott.ttf') format('truetype');
    font-weight: normal;
    font-style: normal
}
.polyglott {
    font-family: 'TruetypewriterPolyglott';
}

@font-face {
    font-family: 'Aventra-Bold';
    src: url('../fonts/Aventra-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal
}
.aventra {
    font-family: 'Aventra-Bold';
}

@font-face {
    font-family: 'Berliner';
    src: url('../fonts/BerlinerGroteskRegular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal
}
.berliner {
    font-family: 'Berliner';
}

@font-face {
    font-family: 'BerlinerLight';
    src: url('../fonts/BerlinerGroteskLightRegular.otf') format('opentype');
    font-weight: normal;
    font-style: normal
}
.berlinerLight {
    font-family: 'BerlinerLight';
}

/* ****************** */

.bi {
    vertical-align: -.125em;
    fill: currentColor
}

.nav-scroller {
    position: relative;
    z-index: 2;
    height: 2.75rem;
    overflow-y: hidden
}

.nav-scroller .nav {
    display: flex;
    flex-wrap: nowrap;
    padding-bottom: 1rem;
    margin-top: -1px;
    overflow-x: auto;
    text-align: center;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch
}

.btn-bd-primary {
    --bd-violet-bg: #712cf9;
    --bd-violet-rgb: 112.520718, 44.062154, 249.437846;
    --bs-btn-font-weight: 600;
    --bs-btn-color: var(--bs-white);
    --bs-btn-bg: var(--bd-violet-bg);
    --bs-btn-border-color: var(--bd-violet-bg);
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-hover-bg: #6528e0;
    --bs-btn-hover-border-color: #6528e0;
    --bs-btn-focus-shadow-rgb: var(--bd-violet-rgb);
    --bs-btn-active-color: var(--bs-btn-hover-color);
    --bs-btn-active-bg: #5a23c8;
    --bs-btn-active-border-color: #5a23c8
}