@font-face{
    font-family: CaskaydiaCoveNerdFont;
    src: url(CaskaydiaCove-Regular.ttf);
}

*{
    margin:0px;
}

html, body{
    width:100%;
    height:100%;
}

body{
    font-size: 16px;
    overflow: hidden;
    background:#000000;
}

.gradient{
    position:absolute;
    width:100%;
    height:100%;
background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,1) 100%);
z-index: 9999;
top:0;
left:0;
}


.main-text{
    width:100%;
    height:100%;
    display:flex;
    align-items:center;
}

#writerdiv {
    font-family:CaskaydiaCoveNerdFont;
    color:white;
    position: absolute;
    left: 50%;
    white-space: nowrap;
    z-index: 2;
}

#rouge{
    font-family:CaskaydiaCoveNerdFont;
    position: absolute;
    color:white;
    left: 50%;
    top:50%;
    transform: translateY(calc(-50% + 2px));
    animation: blinker 1s linear infinite;
}

.instructions{
    margin-top:48px;
    color:red;
    text-align:center;
    font-family:CaskaydiaCoveNerdFont;
}

@keyframes blinker {
    50% {
        opacity: 0%
    }
}

.next a{
    color:white;
}