/*Navbar*/

@font-face {
    font-family: 'FontBold';
    src: url('../fonts/Euclid_Circular_A_Bold.ttf') format('truetype');

}

@font-face {
    font-family: 'FontNormal';
    src: url('../fonts/Euclid_Circular_A_Regular.ttf') format('truetype');

}

@font-face {
    font-family: 'FontMedium';
    src: url('../fonts/Euclid_Circular_A_Medium.ttf') format('truetype');

}

/* Use the custom font */
body {
    font-family: 'FontNormal', sans-serif;
}

nav li a {
    font-family: 'FontMedium', sans-serif;
}

h2,
h3,
h1 {
    font-family: 'FontBold', sans-serif;
}


.offcanvas-enter {
    transform: translateX(-100%);
}

.offcanvas-leave {
    transform: translateX(0%);
}

.offcanvas-active {
    transform: translateX(0%);
}

.offcanvas {
    transition: transform 0.3s ease-in-out;
}