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

.tictoc {
    font-family: 'MonoFont-Bold';
    position: fixed;
    z-index: 1000;
    color: #3A2C16;
    font-weight: 900;
    font-size: 3.5vw;
    top: 5%;
    right: 5%;
    text-align: right;
}

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

@keyframes fadeInAnimation {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 0.5;
    }


    100% {
        opacity: 1;
    }
}