html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

:root {
    --background: #2f2e2e;
    --backgroundTrans: #2f2e2ee0;
    --gold-base: #E8BC00;
    --bs-nav-link-font-size: 22px;
    --comp: #ADC0FF;
    --analogous01: #FFC3AD;
    --analogous01trans: #ffc3ad78;
    --analogous02: #E9FFAD;
    --bs-body-color: white;
}
.dropdown-menu {
    --bs-dropdown-border-color: transparent !important;
    --bs-dropdown-border-radius: 0px !important;
}

@font-face {
    font-family: "YK-Bold";
    src: url("/static/fonts/Yanone_Kaffeesatz/static/YanoneKaffeesatz-Bold.ttf");
}
@font-face {
    font-family: "YK-ELight";
    src: url("/static/fonts/Yanone_Kaffeesatz/static/YanoneKaffeesatz-ExtraLight.ttf");
}
@font-face {
    font-family: "YK-Light";
    src: url("/static/fonts/Yanone_Kaffeesatz/static/YanoneKaffeesatz-Light.ttf");
}
@font-face {
    font-family: "YK-Medium";
    src: url("/static/fonts/Yanone_Kaffeesatz/static/YanoneKaffeesatz-Medium.ttf");
}
@font-face {
    font-family: "YK-Regular";
    src: url("/static/fonts/Yanone_Kaffeesatz/static/YanoneKaffeesatz-Regular.ttf");
}
@font-face {
    font-family: "YK-SBold";
    src: url("/static/fonts/Yanone_Kaffeesatz/static/YanoneKaffeesatz-SemiBold.ttf");
}
@font-face {
    font-family: "YK";
    src: url("/static/fonts/Yanone_Kaffeesatz/YanoneKaffeesatz-VariableFont_wght.ttf");
}

@font-face {
    font-family: "Poppins-Black";
    src: url("/static/fonts/Poppins/Poppins-Black.ttf");
}
@font-face {
    font-family: "Poppins-BlackItalic";
    src: url("/static/fonts/Poppins/Poppins-BlackItalic.ttf");
}
@font-face {
    font-family: "Poppins-Bold";
    src: url("/static/fonts/Poppins/Poppins-Bold.ttf");
}
@font-face {
    font-family: "Poppins-BoldItalic";
    src: url("/static/fonts/Poppins/Poppins-BoldItalic.ttf");
}
@font-face {
    font-family: "Poppins-ExtraBold";
    src: url("/static/fonts/Poppins/Poppins-ExtraBold.ttf");
}
@font-face {
    font-family: "Poppins-ExtraBoldItalic";
    src: url("/static/fonts/Poppins/Poppins-ExtraBoldItalic.ttf");
}
@font-face {
    font-family: "Poppins-ExtraLight";
    src: url("/static/fonts/Poppins/Poppins-ExtraLight.ttf");
}
@font-face {
    font-family: "Poppins-ExtraLightItalic";
    src: url("/static/fonts/Poppins/Poppins-ExtraLightItalic.ttf");
}
@font-face {
    font-family: "Poppins-Italic";
    src: url("/static/fonts/Poppins/Poppins-Italic.ttf");
}
@font-face {
    font-family: "Poppins-Light";
    src: url("/static/fonts/Poppins/Poppins-Light.ttf");
}
@font-face {
    font-family: "Poppins-LightItalic";
    src: url("/static/fonts/Poppins/Poppins-LightItalic.ttf");
}
@font-face {
    font-family: "Poppins-Medium";
    src: url("/static/fonts/Poppins/Poppins-Medium.ttf");
}
@font-face {
    font-family: "Poppins-MediumItalic";
    src: url("/static/fonts/Poppins/Poppins-MediumItalic.ttf");
}
@font-face {
    font-family: "Poppins-Regular";
    src: url("/static/fonts/Poppins/Poppins-Regular.ttf");
}
@font-face {
    font-family: "Poppins-SemiBold";
    src: url("/static/fonts/Poppins/Poppins-SemiBold.ttf");
}
@font-face {
    font-family: "Poppins-SemiBoldItalic";
    src: url("/static/fonts/Poppins/Poppins-SemiBoldItalic.ttf");
}
@font-face {
    font-family: "Poppins-Thin";
    src: url("/static/fonts/Poppins/Poppins-Thin.ttf");
}
@font-face {
    font-family: "Poppins-ThinItalic";
    src: url("/static/fonts/Poppins/Poppins-ThinItalic.ttf");
}


@font-face {
    font-family: "PlayfairDisplay";
    src: url("/static/fonts/Playfair_Display/PlayfairDisplay-VariableFont_wght.ttf");
}

#left-nav-menu {
    position: fixed; 
    left: 0; 
    top: 0; 
    height: 100vh;
    padding-left: 3.125rem;
    padding-top: 20vh;

    border-right-style: dotted;
    border-right-color: var(--analogous01trans);
    border-right-width: 2px;
    padding-right: 45px;
}
#left-nav-menu a {
    color: var(--comp);
    text-decoration: none;
    margin-bottom: 18px;
    padding: 10px;
    padding-right: 15px;

}
#left-nav-menu a.active{
    background-color: var(--comp);
    color: var(--background);

}

#left-nav-menu a.active img {
    display: none;
}
#left-nav-menu a.active h3 {
    display: inline;
}
#left-nav-menu a h3 {
    display: none;
}
#top-menu.active {
    background-color: #ffebae !important;
}

.card-scroll {
    min-height: 100vh;
    scroll-snap-align: start;
    padding-bottom: 60px;
}

.scrollspy-core::-webkit-scrollbar {
    display: none;
}
.scrollspy-core {
    -ms-overflow-style: none;
    scrollbar-width: none;
    scroll-snap-type: y mandatory;
}

body {
	background-color: var(--background);
	font-family: 'Poppins-Regular', 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    font-size: 1.1rem;
}