body{
    background-image: url("../images/Tie-Dye.jpg");
}

.container {
    position: absolute;
    top: 25px;
    left: 50px;
    right: 50px;
    bottom: 200px;
}

.h1-text{
    font-size:40px;
    text-decoration: underline;
    font-family: 'Fira Sans', sans-serif;
}

header {
  border: 3px solid black;
  font-size:20px;
  text-align:center;
  margin:0px auto;
  height: 200px; 
  width:80%;
  font-family: 'Fira Sans', sans-serif;
}

.underscore{
    border: 3px solid black;
    font-size:100px;
    text-align:center;
    margin:0px auto;
    height: 150px; 
    width:80%;
    font-family: 'Fira Sans', sans-serif;
}

.rightGuess{
    border: 3px solid black;
    font-size:50px;
    text-align:center;
    margin:0px auto;
    height: 150px; 
    width:80%;
    font-family: 'Fira Sans', sans-serif;

}

.wrongGuess{
    border: 3px solid black;
    font-size:50px;
    text-align:center;
    margin:0px auto;
    height: 150px; 
    width:80%;
    font-family: 'Fira Sans', sans-serif;


}
#winCounter{
    border: 3px solid black;
    font-size:50px;
    text-align:center;
    margin:0px auto;
    height: 150px; 
    width:80%;
    font-family: 'Fira Sans', sans-serif;
}

#lossCounter{
    border: 3px solid black;
    font-size:50px;
    text-align:center;
    margin:0px auto;
    height: 150px; 
    width:80%;
    font-family: 'Fira Sans', sans-serif;
}