@import url('https://fonts.googleapis.com/css2?family=VT323&display=swap');

:root{
    font-size: 10px;
    --neon-text-color: #fef7c0;
    --neon-border-color: #fc67bd;
}


body{
    margin: 0;
    padding: 0;
    background: #fffacd;
    display: grid;
}


.header{		   
    width: 100%;	   
    background-color: #202020;
}

h1{
    width: fit-content;
    font-family: 'VT323', monospace;
    font-size : 4em;
    color: #fff;
    background: #101010;    
    padding: 0.5rem 0.5rem 0.5rem;
    border : 0.4rem solid #fff;
    border-radius: 2rem;
    animation: flicker 2s infinite alternate;
}

.link{
    font-family: monospace;
    font-size : 2rem;
}
@keyframes flicker{
    0%, 19%, 21%, 23%, 25%, 54%, 56%, 70%, 75%, 80%, 85%, 97%, 100%{
	box-shadow:
	    0 0 .1rem #fff,
	    inset 0 0 .5rem #fff,
	    0 0 2rem var(--neon-border-color),
	    inset 0 0 2rem var(--neon-border-color),
	    0 0 1rem var(--neon-border-color),
	    inset 0 0 .1rem var(--neon-border-color),
	    0 0 .5rem #fff,
	    inset 0 0 .1rem var(--neon-border-color),	    
	    0 0 .1rem #fff,
	    0 0 .4rem var(--neon-border-color),
	    0 0 .1rem #fff,	    	    
	    0 0 .1rem var(--neon-border-color),
	    0 0 1.5rem var(--neon-border-color);	

    }


    20%, 24%, 55%, 82%{
	text-shadow: none;
	box-shadow: none;
    }


	   
    }
}