html,
body {
  height: 100%;
  margin: 0;
  font-family: 'League Gothic', sans-serif;
    font-family: 'Open Sans', sans-serif;
    background-color: #D9AFD9;
background-image: linear-gradient(225deg, #D9AFD9 0%, #97D9E1 100%);
     text-shadow: 2px 2px 5px #000000;
    overflow: hidden;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */ 

}



.Timer
{
    font-weight: 900;
    height: 33%;
    width:100%;
    position:relative;
    font-size: 633%;
}

.Timer .top{

    /* background-color: red; */
    width:100%;
    position: absolute;
    transition: all 1s ease;
    padding-left: 38%;
    bottom:-30px;
}

.Timer .mid{

    /* background-color: green; */
    width:100%;
    bottom:50%;
    text-align: center;
    position: absolute;
    
}


.Timer .low{

    /* background-color: blue; */
    width:100%;
    float:left;
    padding-left: 37%;
    position: absolute;
    bottom:120px;
}

.ClickAbleNum{
    
    float:left;
    padding-left:2%;
    border: black;
    border-width: 10px;

}
.ClickAbleNum2{
    
    float:left;
    padding-left:3%;
    border: black;
    border-width: 10px;

}

.ClickAbleNum2:hover{
    color:blue;
    -webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    transition: all 1s ease-out;
}


.ClickAbleNum:hover{
    color:blue;
    -webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    transition: all 1s ease-out;
}



.Times{
    
    float:left;
    padding-left:22%;
    padding-right: 2%;
    
  
}


.go{
    color:aliceblue;
    background:#1d1d1d;
    box-shadow: 5px 10px #3a404a;
    width:13%;
    height:13%;
    text-align: center;
    margin-top:-10%;
    margin-left:44%; 
    font-size: 533%;
    border-radius: 10%;
    position: relative;

}


.go:hover{
    margin-top:-9.9%;
    margin-left:44.1%; 
    box-shadow: 5px 8px #3a404a;
    -webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    transition: all 1s ease-out;
    
}
.go:active{
    margin-top:-9.9%;
    margin-left:44.1%; 
    box-shadow: 4px 4px #3a404a;
    -webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    transition: all 1s ease-out;
    
}

.broken{

    font-size: 40%;

}