.body{
   padding: 2px;
   margin: 2px;
   border: 2px;
}
.counter{
    height: 150px;
    width: 150px;
    border: 2px solid black;
    border-radius: 7px;
    position: relative;
    background-color: black; 
}
.cover{
    border: 2px;
    padding: 2px;
    margin: 2px;
    margin-left: 57px;
}
.number{
    margin-top: 40px;
    margin: 2px;
    border: 2px;
    padding: 2px;
    text-align: center;
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
    font-size: 30px;
    color: gold;
}
.reset{
    height: 20px;
    width: 20px;
    border-radius: 10px;
    background-color: dimgrey;
    position: relative;
    left: 10px;
    top: 30px;
}
.button{
    height: 50px;
    width: 50px;
    border-radius: 25px;
    border: 1px double gold;
    padding: 2px;
    margin-top: -35px;
    margin-left: 43px;
    background-color: silver;
}
.resetLab{
    color: white;
    border: 2px;
    margin: 2px;
    padding: 2px;
    position: relative;
    top: 35px;
}
.label{
    color: aliceblue;
    margin: 2px;
    border: 2px;
    padding: 2px;
    position: relative;
    left: 28%;
    top: -30px;
}
.text{
    padding: 2px;
    margin: 2px;
    border: 2px;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}
@media screen and (max-width: 720px){
    .body{
        padding: 2px;
        margin: 2px;
        border: 2px;
     }
     .counter{
         height: 150px;
         width: 150px;
         border: 2px solid black;
         border-radius: 7px;
         position: relative;
         margin-left: 100px; 
         background-color: black;    
        }
     .button{
         height: 50px;
         width: 50px;
         border-radius: 25px;
         border: 1px double gold;
         padding: 2px;
         margin-top:-20px;
         margin-left: 47px;
         background-color: silver;
     }
     .number{
         margin-top: 40px;
         margin: 2px;
         border: 2px;
         padding: 2px;
         text-align: center;
         font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
         font-size: 30px;
         color: gold;
     }
     .cover{
         border: 2px;
         padding: 2px;
         margin: 2px;
         margin-left: 57px;
     }
     .text{
         padding: 2px;
         margin: 2px;
         border: 2px;
         font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
     }
     .label{
         color: aliceblue;
         margin: 2px;
         border: 2px;
         padding: 2px;
         position: relative;
         left: 30%;
         top: -20px;
     }
     .reset{
         height: 20px;
         width: 20px;
         border-radius: 10px;
         background-color: dimgrey;
         position: relative;
         left: 10px;
         top: 30px;
     }
     .resetLab{
         color: white;
         border: 2px;
         margin: 2px;
         padding: 2px;
         position: relative;
         top: 35px;
     }
    }