@font-face {
    font-family: Break;
    src: url('../../@/Break-Regular.woff2') format('woff2'),
         url('../../@/Break-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

.tictoc {
    font-family: Break;
    position: fixed;
    z-index: 1000;
    color: #faf9f4;
    font-size: 5vw;
    top: 10%;
    right: 5%;
    text-align: right
}

.tictoc {
    animation: fadeInAnimation ease 3s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards
}

@keyframes fadeInAnimation {
    0% {
        opacity: 0
    }

    25% {
        opacity: .25
    }

    50% {
        opacity: .5
    }

    75% {
        opacity: .75
    }

    100% {
        opacity: 1
    }
}