/*@import url(https://fonts.googleapis.com/css?family=Exo+2:200i);*/
/*@import url(fonts.css);*/


:root {
  /* Base font size */
     
  
  /* Set neon color */
  --neon-text-color: red;
  --neon-border-color: blue;
}

h1 {
width: 3.8rem;
    font-size: 1rem;
    font-family: 'Exo 2', sans-serif;
    color: #fff;
    padding: 0rem .9rem 0.15rem;
    border-radius: 1rem;
    text-transform: uppercase;
    animation: flicker 1.5s infinite alternate;
    margin: auto;
    margin-right: 10px;
    margin-top: 5px;   
}

h1::-moz-selection {
  background-color: var(--neon-border-color);
  color: var(--neon-text-color);
}

h1::selection {
  background-color: var(--neon-border-color);
  color: var(--neon-text-color);
}

h1:focus {
  outline: none;
}

/* Animate neon flicker */
@keyframes flicker {
    
    0%, 19%, 21%, 23%, 25%, 54%, 56%, 100% {
      
        text-shadow:
            -0.1rem -0.1rem 10rem #fff,
            0.1rem 0.1rem 0.3rem #fff,
            0 0 .2rem var(--neon-text-color),
            0 0 .4rem var(--neon-text-color),
            0 0 .6rem var(--neon-text-color),
            0 0 .8rem var(--neon-text-color),
            0 0 .10rem var(--neon-text-color);
        
        box-shadow:
            0 0 .1rem #fff,
            inset 0 0 .1rem #fff,
            0 0 .2rem var(--neon-border-color),
            inset 0 0 .3rem var(--neon-border-color),
            0 0 .2rem var(--neon-border-color),
            inset 0 0 .3rem var(--neon-border-color);       
    }
    
    20%, 24%, 55% {        
        text-shadow: none;
        box-shadow: none;
    }    
}