@import url("/cdn/fonts.css");
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");

:root {

    --black: #020202;
    --blue: #0D324D;
    --purple: #7f5a83;
    --lightpurple: #a188a6;
    --lightgrey: #9da2ab;
    --white: #fff;

    --delftblue: #3A405A;
    --platinum: #f0f0f0;
    --persionred: #D63230;
    --zomp: #629677;
    --jordyblue: #99bdff;

}

* {
    font-family: 'Koushiki Sans light', sans-serif;
    font-style: normal;
    font-weight: 400;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    scrollbar-width: none;
}

html,
body {
    height: 100%;
    display: flex;
    flex-direction: column;
    scroll-behavior: smooth;

    background-color: var(--platinum);
}

body {
    height: 100%;
}

footer {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: center;
    padding: 10px 75px 10px 75px !important;
    font-size: 13px;
}

#particles-js {
    background-color: var(--lightgrey);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
}

:is(h1, h2, h3, h4, h5, h6) {
    font-family: 'Koushiki Sans regular', sans-serif;
}