@font-face {
    font-family: 'JackTheRipper';
    src: url('../fonts/jack-the-ripper.regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Methrock';
    src: url('../fonts/methrock.regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.custom-jack {
    font-family: 'JackTheRipper', sans-serif;
}

.custom-methrock {
    font-family: 'Methrock', sans-serif;
}


.curved-text-svg {
position: absolute;
top: 40%;
left: 0;
width: 100%;
height: auto;
z-index: 1;
overflow: visible;
}

.curved-text-svg text {
font-family: 'JackTheRipper', sans-serif;
    font-family: 'Methrock', sans-serif;

font-size: 3em;
text-anchor: middle;
}