body{
    overflow-y: hidden;
}
main{
    -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none;
}
.before-test-container{
    flex-direction: column;
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    background-image: linear-gradient(rgba(238, 130, 238, 0.95),rgba(238, 130, 238, 0.95));
    padding: 10vh 10vw;
    transition: .8s all ease;
    scroll-behavior: none;
}
#timeDisplay{
    font-size: 20px;
    position: fixed;
    top: 90px;
    right: 30px;
    background-color: violet;
}
.timeDisplay{
    font-size: 20px;
    position: fixed;
    top: 90px;
    right: 85px;
    background-color: violet;
}
.button,
#button{
    width: 100%;
    height: 5vh;
    background-color: #fff;
    border-radius: 25px;
    transition: 1s ease;
}
.button:hover{
    background-color:rgb(102, 9, 102);
    color: white;
    box-shadow: 1px 1px 20px 0 rgb(102, 9, 102), -1px -1px 20px 0 rgb(102, 9, 102);
}
@media(max-width:700px){
    .timeDisplay,
    #timeDisplay{
        top: 50px;
    }
}