@font-face {
    font-family: Delight;
    src: url("/public/assets/fonts/delight/Delight-Thin.ttf");
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: Delight;
    src: url("/public/assets/fonts/delight/Delight-ExtraLight.ttf");
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: Delight;
    src: url("/public/assets/fonts/delight/Delight-Light.ttf");
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: Delight;
    src: url("/public/assets/fonts/delight/Delight-Regular.ttf");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: Delight;
    src: url("/public/assets/fonts/delight/Delight-Medium.ttf");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: Delight;
    src: url("/public/assets/fonts/delight/Delight-SemiBold.ttf");
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: Delight;
    src: url("/public/assets/fonts/delight/Delight-Bold.ttf");
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: Delight;
    src: url("/public/assets/fonts/delight/Delight-ExtraBold.ttf");
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: Delight;
    src: url("/public/assets/fonts/delight/Delight-Black.ttf");
    font-weight: 900;
    font-style: normal;
}

* {
    font-family: Delight !important;
}

html {
    scroll-behavior: smooth;
}

:root {
    --heading-color: #161b1d;
    --text-color: #2d3438;
    --font-size: 1.25rem;
    --margin-block-end: 3rem;
}