@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz@10..48&display=swap');

@font-face {
    font-family: 'horizon';
    src: url('../assets/horizon-webfont.woff2') format('woff2'),
         url('../assets/horizon-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'horizon_outlined';
    src: url('../assets/horizon_outlined-webfont.woff2') format('woff2'),
         url('../assets/horizon_outlined-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Bricolage Grotesque', sans-serif;
}

.font-horizon {
    font-family: 'horizon';
}

.font-horizon-outlined {
    font-family: 'horizon_outlined';
}

@keyframes scrollText {
    0% {
        transform: translateX(-50%);
    }
    100% {
        transform: translateX(0%);
    }
}

@keyframes scrollTextReverse {
    0% {
        transform: translateX(0%);
    }
    100% {
        transform: translateX(-50%);
    }
}