body{
    text-align: center;
}

h1 {
    color: white;
}

h4 {
    font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif ;
    color: white;
    padding: 0;
    margin: 0;
}

.display {
    padding: 0;
    margin: 0;
    font-size: 9vh;
    font-family: 'Ink Free'
}

#Time {
    background:
    linear-gradient(to right, rgb(173, 57, 96), rgb(232, 117, 119));
}

#WPM {
    background-color: rgb(72, 171, 113)
}

#Accuracy {
    background: linear-gradient(to right, deeppink, hotpink);
}

#title {
    font-size: 6vh;
    font-family: 'Comic Sans MS';
}

.correct {
    color: white;
}

.untyped {
    color: gray;
}

.incorrect {
    color: red;
}

#Info div {
    height: 15vh;
    width: 15vh;
    display: inline-block;
    margin: 2vh;
    border-radius: 1vh;
}

#LengthLabel {
    font-size: 6vh;
    font-family: 'Comic Sans MS';
    color: deeppink;
}

#LengthSelect {
    resize: none;
    font-size: 5vh;
    font-family: 'Cascadia Code';
    width: 4vw;
    height: 4.5vh;
    color: white;
    background-color:rgb(70, 50, 91);
}

#text {
    text-align: center;
    font-family: 'Cascadia Code';
    resize: none;
    height: 10vh;
    width: 90vw;
    background-color: rgb(70, 50, 91);
    color: white;
    font-size: 2.5vh;
    margin: 3vh;
}

#words {
    text-align: center;
    font-family: 'Cascadia Code';
    resize: none;
    height: 10vh;
    width: 90vw;
    font-size: 2.5vh;
    margin: 6vh;
    background: none;
    border: dashed;
    border-width: .3vh;
    border-color: hotpink
}