@import "STY-branding.css";
@import "STY-text.css";
@import "STY-buttons-elements.css";
@import "STY-sections.css";
@import "STY-modal.css";

/* ------------------------------------ */
body {
    margin: 0;
    padding: 0;
    max-width: 100vw;
    display: flex;
    flex-direction: column;
    font-family: 'Spinnaker', sans-serif;
    position: relative;
}
a {
    text-decoration: none;
    cursor: pointer;
}

/* Scrollbar */
::-webkit-scrollbar {
    width: 10px;
}
::-webkit-scrollbar-track {
    background: var(--black);
}
::-webkit-scrollbar-thumb {
    background: var(--grey-1000);
}
.nodisplay {display: none;}
/* Display flex */
.display-row-center {
    display: flex; flex-direction: row;
    justify-content: center; align-items: center;
}
.display-column-center {
    display: flex; flex-direction: column;
    justify-content: center; align-items: center;
}

/* ----------------------------------------------------------- PAGE */
.page {
    width: 100%;
    min-height: 300vh;
    display: flex; flex-direction: column; align-items: center;
    position: relative;
}
.page-bg {
    width: 100%; height: 100vh;
    background-image: url("/img/ance-freiberga-bg.webp");
    background-size: cover;
    background-position: left center;
    background-repeat: no-repeat;
    position: fixed;
    z-index: -100;
}


/* ----------------------------------------------------------- NAV */
#header {
    width: 100%;
    height: 60px;
    background-image: linear-gradient(to bottom, var(--grey-tranp-700), #00000000);
    position: fixed;
    display: flex; flex-direction: row;
    padding: 10px 10px 0px 10px; box-sizing: border-box;
    top: 0;
    z-index: 100;
}
.nav_icon {
    width: 48px; height: 48px;
    fill: var(--grey-500);
    margin-right: 20px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    cursor: pointer;
}
.nav_icon:hover {fill: var(--grey-700);}

/* ----------------------------------------------------------- FOOTER*/
.footer {
    width: 100%;
    display: flex; flex-direction: column;
    justify-content: center; align-items: center;
    padding: 40px 0px 40px 0px; box-sizing: border-box;
}