body{
    position:fixed;
    top:50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color:#ffffff;
    color: rgb(0, 88, 19);
    text-align: center;
    font-family: monospace;
}
 
button {
    flex-wrap: wrap;
    position:relative;
    background: #005f18;
    color:#eee;
    border: none;
    border-radius: 50px;
    padding: 0.75rem 1.5rem;
    font-size: 1.2rem;
 
}
 
a {
    text-decoration: none;
    color: rgb(120, 0, 122);
}
 
a:hover {
    color: rgb(0, 88, 19);
}
 
button:hover {
    background:#64002b;
    cursor: grab;
    color: #eee;
    transition: ease .5s;
    text-decoration: underline;
}
 
.start {
    flex-wrap: wrap;
    position:absolute;
    top:140%;
    left: 50%;
    transform: translate(-50%, -50%);
    color:#eee;
    background:#005f18;
    border-radius: 50px;
    border: none;
    padding: 0.75rem 1.5rem;
    font-size: 1.2rem;
}
 
.timer {
    position: absolute;
    top: 0px;
    left: 0px;
    color:#ff006f;
    font-size: 20px;
}
 
.score {
    position: absolute;
    top: 0px;
    right: 0px;
    color: rgb(0, 255, 55);
    font-size: 20px;
}
 
.textInitials {
    padding: 12px;
}
 
.submitButton {
    flex-wrap: wrap;
    position:relative;
    background:#005f18;
    color:#eee;
    border: none;
    border-radius: 50px;
    padding: 0.75rem 1.5rem;
    font-size: 1.2rem;
}
.submitButton:hover {
    background:#64002b;
    cursor: grab;
    color: #eee;
    transition: ease .5s;
   
}
 
#replay {
    text-decoration: none;
}
