/* -- Font Connect -- */
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

/* -- -- */
::-webkit-scrollbar {
    display: none;
}
/* -- -- */
:root {
    /* -- -- */
    --navy: rgba(6, 51, 80, 1);
    --black: rgba(2, 10, 19, 1);
    --gray: rgba(55, 61, 69, 1);
    --teal: rgba(75, 172, 154, 1);
    --white: rgba(255, 255, 255, 1);
    /* -- -- */
    --fast: all 0.3s ease-in-out;
    --base: all 0.4s ease-in-out;
    --slow: all 0.6s ease-in-out;
}
/* -- -- */
*, *::before, *::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
/* -- -- */
h1,h2,h3,h4,h5,h6, p {
    font-family: "Roboto", sans-serif;
    letter-spacing: 0.04em;
}
    /* -- */
    h1,h2,h3,h4,h5,h6 {
        font-weight: 500;
        color: var(--black);
    }
    /* -- */
    p {
        font-weight: 400;
        color: var(--gray);
    }
/* -- -- */
ul,li {
    list-style-type: none;
    font-family: "Roboto", sans-serif;
    color: var(--gray);
}
/* -- -- */
button,a {
    border: none;
    cursor: pointer;
    text-decoration: none;
    /* -- */
    font-family: "Roboto", sans-serif;
    font-size: 1rem;
    /* -- */
    color: var(--black);
}
/* -- -- */
body {
    width: 100%;
    height: 100%;
    /* -- */
    background: var(--white);
}
    /* -- */
    .wrapper {
        margin: 0 auto;
    }
/* -- */
.grid {
    display: grid;
}
.flex {
    display: flex;
}
    /* -- */
    .flex-column {
        flex-direction: column;
    }
    .flex-row {
        flex-direction: row;
    }