body{
    background-color: rgb(167, 167, 167);
    font-family: 'Rubik', sans-serif;
    color: rgb(255, 255, 255);
    left: 100%;
    
}
button{
    font-size: 45px;
    position: absolute;
    left: 100%;
    
    font-family: 'Montserrat', sans-serif;

    padding: 5px 20px;
    border-color: rgba(0, 0, 0, 0);
    display: flex;
    border-radius: 25px;
    transition: 01,1s ease-out,  ;
    box-shadow: 2px 5px 0 #0a205e;
    left: 48%;
    transition: ease-out 0.2s;

    
}
button:hover{
    background-color: rgb(29, 62, 122);
    cursor: pointer;
    transition: ease-out 0,2s;
    
    
}
button:active{
    transform: translateY(5px);
    box-shadow: 0px 0px 0 #0a0a0a;

}

#count{
    position: absolute;
    left: 50%;
    top: 20%;
    font-size: 50px;
}

#plus{
    left: 25%;
    top: 50%;
    font-size: 70px;
    padding-left: 35px;
    background-color:  #1f8345;
    box-shadow: 2px 5px 0 #00250e;
}

#plus:hover{
    background-color: #1f8345;
    cursor: pointer;
    transition: ease-out 0,2s;
    
    
}
#plus:active{
    transform: translateY(5px);
    box-shadow: 0px 0px 0 #0a0a0a;

}

#plus{
    left: 20%;
    top: 50%;
    font-size: 70px;
    padding-left: 35px;
    background-color:  #1f8345;
    box-shadow: 2px 5px 0 #00250e;
}

#plus:hover{
    background-color: #1f8345;
    cursor: pointer;
    transition: ease-out 0,2s;
    
    
}
#plus:active{
    transform: translateY(5px);
    box-shadow: 0px 0px 0 #0a0a0a;

}

#minus{
    left: 60%;
    top: 50%;
    font-size: 70px;
    padding-left: 35px;
    background-color:  #771414;
    box-shadow: 2px 5px 0 #1a0000;
}

#minus:hover{
    background-color: #771414;
    cursor: pointer;
    transition: ease-out 0,2s;
    
    
}
#minus:active{
    transform: translateY(5px);
    box-shadow: 0px 0px 0 #0a0a0a;

}

#clr{
    left: 42%;
    bottom: 20%;
    font-size: 70px;
    padding-left: 35px;
    background-color:  #034bb6;
    box-shadow: 2px 5px 0 #000c1a;
}

#clr:hover{
    background-color: #034bb6;
    cursor: pointer;
    transition: ease-out 0,2s;
    
    
}
#clr:active{
    transform: translateY(5px);
    box-shadow: 0px 0px 0 #0a0a0a;

}