@font-face {
    font-family: 'Coil';
    src: url("./fonts/Coil-Regular.ttf") format('truetype'), url("/fonts/Coil-Regular.woff2") format("woff2");
    font-weight: 400;
    font-display: block;
}
@font-face {
    font-family: 'Coil';
    src:  url(./fonts/Coil-Medium.ttf) format('truetype'), url("/fonts/Coil-Medium.woff2") format("woff2");
    font-weight: 500;
    font-display: block;
}
@font-face {
    font-family: 'Coil';
    src:  url(./fonts/Coil-Bold.ttf) format('truetype'), url("/fonts/Coil-Bold.woff2") format("woff2");
    font-weight: 700;
    font-display: block;
}