@import url("https://fonts.googleapis.com/css2?family=Hind+Siliguri&display=swap");

svg {
    font-family: "Hind Siliguri", sans-serif;
    width: 100%;
    height: 100%;
}

    svg text {
        animation: stroke .9s infinite alternate;
        stroke-width: 2;
        stroke: #A00F0F;
        font-size: 100px;
    }

@keyframes stroke {
    0% {
        fill: rgba(1,31,74,0);
        stroke: rgba(160,15,15,1);
        stroke-dashoffset: 25%;
        stroke-dasharray: 0 50%;
        stroke-width: 2;
    }

    70% {
        fill: rgba(1,31,74,0);
        stroke: rgba(160,15,15,1);
    }

    80% {
        fill: rgba(1,31,74,0);
        stroke: rgba(160,15,15,1);
        stroke-width: 3;
    }

    100% {
        fill: rgba(1,31,74,1);
        stroke: rgba(160,15,15,0);
        stroke-dashoffset: -25%;
        stroke-dasharray: 50% 0;
        stroke-width: 0;
    }
}

.wrapper {
    background-color: #FFFFFF;
    position: fixed;
    z-index: 9;
    width: 100%;
    height: 100%;
}