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

.tictoc {
    font-family: 'Psycho Poetry';
    position: fixed;
    z-index: 1000;
    color: #e6e1F980;
    font-size: 4vw;
    top: 10%;
    right: 5%;
    text-align: right
}

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

@keyframes fadeInAnimation {
    0% {
        opacity: 0
    }

    15% {
        opacity: .1
    }

    30% {
        opacity: .2
    }

    45% {
        opacity: .3
    }

    60% {
        opacity: .5
    }

    75% {
        opacity: .6
    }

    90% {
        opacity: .8
    }

    100% {
        opacity: 1
    }
}