/* ----- Styling for the Petrichor website ----- */

@import url("/petrichor-branding.css");
@import url("/common-stylings.css");
@import url("/flex-box-stylings.css");

* {
    transition:             all 0.5s ease-in-out;
}

* {
    box-sizing:             border-box;
}

*[data-scroll-bar="none"] {
    /* hide the scrollbar */
    overflow:               -moz-scrollbars-none;
    scrollbar-width:        none;
}
*[data-scroll-bar="none"]::-webkit-scrollbar {
    display:                none;
    appearance:             none;
    -webkit-appearance:     none;
}


/* HTML and Body do not scroll, only Petrichor-Site and its internal scrollers are allowed to scroll */
html, body {
    overflow-y:             hidden;
}



petrichor-site {
    display:                block;
    width:                  100%;
    position:               relative;
    min-height:             100vh;
    height:                 100vh;
    max-height:             100vh;
    overflow-x:             hidden;
}