@keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 0; }
    100% { opacity: 1; }
}

@keyframes bgChange-green {
    from {
        background-color: rgb(0, 20, 0);
        transform: scale(1);
    }
    to {
        background-color: green;
        transform: scale(20);
    }
}

@keyframes bgChange-white {
    0% { background-color: green; }
    100% { background-color: white; }
}

.blinking {
    animation: blink 1s infinite;
    margin-right: 10px;
}

.background-animate-green {
    transform-origin: center center;
    animation: bgChange-green 4s forwards;
}

.background-animate-white {
    animation: bgChange-white 1s forwards;
}

.zoom-effect {
    animation: zoomIn 5s forwards;
}

body {
    background-color: rgb(0, 20, 0);
    width: 100%;
    height: 100%;
    color: green;
    display: block;
    font-size: 1.3rem;
    font-weight: bold;
    font-family: 'Workbench', monospace;
    margin: 4vh 0 0 3vw;
}

.cursor {
    margin-right: 6px;
}

.container {
    display: flex;
    margin-top: 5vh;    
    width: calc(100% - 3vw)
}

.logo {
    display: none;
    flex-direction: column;

    align-items: center;
    justify-content: center;

    height: calc(100vh - 15vh);
    font-family: 'Nova Mono', monospace;
    font-size: 0.7rem;
    color: darkgray;

}

.logo-cursor-animate {
    content: '';
}

.logo-cursor-animate::after {
    content: '';
    position: absolute;
    top: calc(50vh - 19vh - 4px);
    left: calc(50vw - 29vw);
    width: 5vw;
    height: 12vh;
    background: white;
    pointer-events: none;
    animation: blink 1.2s infinite;
}

img {
    width: auto;
    height: 14vw;
}

p {
    margin-block-start: 0.5rem;
    margin-block-end: 0rem;
}