html {
    scroll-behavior: smooth;
}

body {
    background-color: black;
    color: white;
    font-family: Arial, Helvetica, sans-serif;
}

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

.font-churro {
    font-family: "Churro", Arial, Helvetica, sans-serif;
}


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

.font-devlin {
    font-family: "Devlin", Arial, Helvetica, sans-serif;
}

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

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

.font-dolcevita {
    font-family:"DolceVita", Arial, Helvetica, sans-serif;
}

.font-dolcevita.bold {
    font-family:"DolceVita-Heavy", Arial, Helvetica, sans-serif;
}


.yoyo-fade {    
    animation: yoyo-fade 1s alternate infinite;
}

.yoyo-fade.once {
    animation-iteration-count: 1;
}

.yoyo-fade.duration-2 {
    animation-duration: 2s;
}

@keyframes yoyo-fade {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}