* {
    font-family: 'Varela Round';
    user-select: none;
}

body {
    /* rgb(41, 43, 44); */
    background-color: rgb(41, 42, 44);
    min-height: 100vh;
    display: flex;
    align-items: center;
    padding: 0px;
    margin: 0px;
}

.main {
    margin: auto;
}
.WPM{
    position: absolute;
    height:200px;
    width:500px;
    border-radius: 10px;
    background-color: rgb(58, 57, 57);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 100;
    display:none;
    justify-content: center;
    align-items: center;
}
.WPM .title{
    font-size: 40px;
    color:rgb(93, 219, 179);
}
.WPM .result{
    font-size: 40px;
    color:white;
}
.WPM .close{
    position: absolute;
    font-size: 20px;
    color:rgb(93, 219, 179);
    left:93%;
    top:5%;
    cursor: pointer;
    height:16px;
}
.close:focus{
    border-radius: 15px;
}