@font-face {
    font-family: Lexend;
    src: url("../assets/Lexend-VariableFont_wght.ttf");
}

@font-face {
    font-family: Inter;
    src: url("../assets/Inter-VariableFont_opsz\,wght.ttf");
}

p, li {
    font-weight: 400;
    font-family: Inter !important;
}

:root {
    --white: #FFFAF7;
    --black: #000609;
    --red: #CA7272;
    --green: #8ECA72;
    --trans: #00000000;

    --accent: #52b3e0;
    --main: #FFFAF7;
    --high: #000609;
    --near-high: #333639;
    --dim: #999694;
    --low: #eee9e6;

    --header-size: 5rem;
}

.hidden {
    visibility: hidden;
    height: 0;
    width: 0;
}

.translated-off {
    transform: translateX(100%);
}

html,
body {
    margin: 0;
    padding: 0;

    width: 100%;
    /* height: 100vh; */

    background-color: var(--main);

    font-family: Lexend;
    font-weight: 300;
}

strong {
    font-weight: 700;
}

.grid-c2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    
    gap: 1rem;
    justify-items: center;
}