/*color scheme: https://www.websitebuilderexpert.com/designing-websites/how-to-choose-color-for-your-website/ 
    background: #9dbf9e;
    background: #987284;
    border-color:#d0d6b5;
*/

html {
    background: #9dbf9e;
   // background: linear-gradient(#0b8a3d, #e8eb67);
    //background-repeat: no-repeat;
   // background-size: cover;
   // width: 100%;
   // height: 100%;
}

.container {
    width: 100%;
    margin: auto;
    display: block;
    color: white;
    padding: 5px 25px;
    //background-color: white;
    display: block;
    text-transform: uppercase;

}

.borderImage {
    border-radius: 10px;
    border: 2px solid #ddd;
    padding: 5px;
    // width: 75px;
    // height: 75px;
    
    
    cursor: pointer; 
-webkit-transition-property: all; 
-webkit-transition-duration: 0.3s; 
-webkit-transition-
    
    
    
}


.borderImage:hover { 
transform: scale(3); 

}




ul li {
    background: red;
    display: inline-block;
    list-style-type: none;
    margin: 20px;
    padding: 5px;
    width: 500px;
    height: 300px;
    //display:inline;
    list-style-type: none;
    text-align: center;
    border: 5px;
    border-color;
    white;
    border-style: solid;
    border-radius: 25px;
    float: center;

}

ul li:after {
    content: "";
    display: block;
    clear: both;
}

.table-3-col {
    background: #987284;
    color: white;
    display: inline-block;
    list-style-type: none;
    margin: 20px;
    padding: 5px;
    width: 500px;
    height: 200px;
    //display:inline;
    list-style-type: none;
    text-align: center;
    border: 5px;
    border-color:#d0d6b5;
    //white;
    border-style: solid;
    border-radius: 25px;
    float: center;
}

.radio-buttons{
    display:inline-flex;
       
    
    




}