body{
    background-color: black;
    height:95vh;
    color:white;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items: center;
    font-family:'Special Elite',cursive;
}

header{
    flex:1;
    display:flex;
    justify-content:center;
    align-items: center;
    
}

#headerTxt{
    
    font-size:4.5vw;
    font-weight: bold;
    background: -webkit-linear-gradient(#BF0909 0%, #4F0101 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-animation: glow 1s ease-in-out infinite alternate;
    -moz-animation: glow 1s ease-in-out infinite alternate;
    animation: glow 1s ease-in-out infinite alternate;
}

@-webkit-keyframes glow {
  from {
    text-shadow: 0 0 30px #e50022, 0 0 40px #e50022, 0 0 50px #e50022, 0 0 60px #e50022, 0 0 70px #e50022;
  }

  to {
    text-shadow: 0 0 30px #e20000, 0 0 40px #e20000, 0 0 50px #e20000, 0 0 60px #e20000, 0 0 70px #e20000, 0 0 80px #e20000, 0 0 90px #e20000;
  }
}

    

main{
    flex:5;
    display:flex;
    justify-content:center;
    align-items: center;
}

    main section article {
        display:flex;
        flex-direction: column;
        justify-content:center;
        align-items: center;
    }

        #introTxt{
            font-size:2vw;
        }

        #pseudoTxt{
            font-size:2vw;
        }

        #pseudoInput{
            font-family:'Special Elite',cursive;
            font-size:1.8vw;
            border-radius:1vw;
            padding:0.3vw 0.5vw 0.3vw 0.5vw;
        }

        #pseudoInput:focus{
            outline:none;
            font-family:'Special Elite',cursive;
            font-size:1.8vw;
            border-radius:1vw;
            padding:0.3vw 0.5vw 0.3vw 0.5vw;
        }

footer{
    flex:1;
    display:flex;
    flex-direction: column;
    justify-content:flex-end;
    align-items: center;
}