/* ----- 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;
}

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

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