:root{
    --rich-black-fogra-39: #050505ff;
    --light-gray: #cacfd6ff;
    --azure-x-11-web-color: #d6e5e3ff;
    --middle-blue-green: #9fd8cbff;
    --dim-gray: #6b6d76ff;
    --rich-black-fogra-39: #050505ff;
    --cadet: #546a76ff;
    --lilac: #be95c4ff;
    --pale-spring-bud: #e3e7afff;
    --white: #fefffeff; 
}
body {
    background-color:var(--azure-x-11-web-color);
}

#home-button{
    background-color: var(--light-gray);
    border: 10px solid --dim-gray ;
    
    width: 50%;
    height: 100%;
    float: left;
    
}
#test-button{
    background-color: var(--light-gray);
    border: 10px solid --dim-gray;
    
    width: 50%;
    height: 100%; 
     
}
#test-button:hover{
    background-color:var(--pale-spring-bud) ;
    
}
#home-button:hover{
    background-color:var(--pale-spring-bud) ;
   
    
}

.category-image { 

}

.category-label {
    display: block;
}

.product-icon { 
    stroke: gray;
    fill: var(--cadet);
    

}
.product-icon:hover{
   /* stroke: var(--light-gray);
    fill: var(--light-gray); */
    /* using drop-shadow  instead to indicate mouse-over*/
    -webkit-filter: drop-shadow( 2px 2px 2px gray);
    filter: drop-shadow( 2px 2px 2px gray);
}
.product-icon:hover .category-label{
    width: 120%;
    height: 120%;
}
.dischole{
    float: left;
}
.form{
    margin: auto;
    border-radius: 5px;
    background-color: var(--light-gray);
    padding: 20px;

}

.box{
    width: 75%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid var(--light-gray);
    border-radius: 4px;
    box-sizing: border-box;
}
.submit{
    width: 100%;
    background-color: var(--cadet);
    color: var(--white);
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}
.submit:hover{
    background-color: var(--dim-gray);
}
#dischangerbuy{
    width: 25%;
    height: 10%;
    padding: 20px 10px;
    border-radius: 8px;
    background-color: var(--cadet);
    border: none;
    margin: auto;
}
#dischangerbuy:hover{
    background-color: var(--dim-gray)   ;
}