body {
    margin-left: 4%;
    margin-top:2%;
    background-image: url("mainpagebg.png");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: 100% 100%;
    background-color: rgba(221, 223, 136, 0.13);
    height: 100vh;
    font-family: 'Montserrat', sans-serif;    
    font-size: large;
}

#play{
    padding:3%;    
    margin-right:20%;
    margin-left:5%;
    margin-top: 5%;    
    border-radius: 0.5em;    
    background: linear-gradient(to right, rgba(226, 19, 12, 0.664), rgba(32, 102, 14, 0.555));
    
}

a,a:link,a:visited,a:hover,a:active { text-decoration: none; color:black; }

ul li,ol li{
    font-size:1.5em;
   }

#lcm{
    padding:3%;    
    margin-right:20%;
    margin-left:5%;
    margin-top: 5%;    
    border-radius: 1.5em;     
    background: linear-gradient(to right, rgba(56, 86, 187, 0.486), rgba(43, 192, 105, 0.425));
    cursor: pointer;
}



#hcf{
    padding:3%;    
    margin-right:20%;
    margin-left:5%;
    margin-top: 5%;    
    border-radius: 1.5em;     
    background: linear-gradient(to right, rgba(46, 179, 41, 0.596), rgba(145, 101, 84, 0.603));
    cursor: pointer;
}

#divisibility{
    padding:3%;    
    margin-right:20%;
    margin-left:5%;
    margin-top: 5%;    
    border-radius: 1.5em;     
    background: linear-gradient(to right, rgba(34, 201, 201, 0.664), rgba(172, 152, 21, 0.603));
    cursor: pointer;
}

#factors{
    padding:3%;    
    margin-right:20%;
    margin-left:5%;
    margin-top: 5%;    
    border-radius: 1.5em;     
    background: linear-gradient(to right, rgba(179, 41, 168, 0.5), rgba(19, 16, 1, 0.555));
    cursor: pointer;
    margin-bottom:2%   
}