body{
    margin: 0;
    padding: 0;
    background-color: #0f0f0f;
}
.cps_test{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    min-height: 100vh;
}
.cps_test .start_button{
    cursor: pointer;
    border-radius: 20px;
    margin: 40px;
    padding: 6rem 15%;
    font-size: 20px;
    transition: 0.2s;
}
.cps_test .start_button:hover{background-color: #d1d1d1;}
.cps_test .reset_button{
    cursor: pointer;
    color: #ed494f;
    font-size: 18px;
    padding: 3rem 10%;
    border-radius: 30px;
    background-color: #0f0f0f;
    box-shadow: inset 0 0 0 0.25rem #ed494f;
    border: none;
    transition: 0.1s;
}
.cps_test .reset_button:hover{color: #d1d1d1;background-color: #ed494f;}
.time{color: white; font-size: 30px;}

/* media requests */
@media (max-width: 500px){
    .cps_test .start_button{padding: 5rem 15%;}
    .cps_test .reset_button{padding: 2.5rem 15%;}
}