@font-face {
    font-family: 'Segoe UI';
    src: url('../fonts/segoeui.ttf') format('ttf');
}

@font-face {
    font-family: 'AmaticSC';
    src: url('../fonts/AmaticSC-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Segoe UI';
    src: url('../fonts/segoeui.ttf') format('truetype');
}

@font-face {
    font-family: 'American Typewriter';
    src: url('../fonts/American Typewriter Regular.ttf') format('truetype');
}

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

.segoe-ui {
    font-family: 'Segoe UI', sans-serif;
}

.american {
    font-family: 'American Typewriter', sans-serif;
}

.amatic-sc {
    font-family: 'AmaticSC', sans-serif;
}

.marley {
    font-family: 'Marley', sans-serif;
}