*{
    margin: 0;
}

/* base */
body {
    background-color: rgb(255, 255, 255);
}

nav {

    background-color: rgb(171, 243, 243);
    padding: 10px;
    
}

li, a{
    list-style: none;
text-decoration: dotted;
padding: 5px; 


}
li {
text-align: center;
padding-top: 20px;
padding-bottom: 20px;

}
a {

    background-color: rgb(60, 202, 25);
    border: black solid;
   
    
}
.row {
    margin: 3rem;
    text-align: center;

}
.centercard {

    margin: auto;
    margin-top: 2rem;




}

.card1 {

    background-color: rgb(247, 247, 140);
}
.card2 {

    background-color: rgb(71, 187, 255);

}
.card3 {

    background-color: rgb(195, 199, 175);

}
img {

    margin: 1rem;
    padding: 1rem;
    padding-left: 300px;
}
h1 {
    text-align: center;
    font-size: xxx-large;
    margin-top: 10px;
}
h2{

    font-size: xx-large;
    text-align: center;
   margin: 50px;
}


/* smaller screens */
@media screen and (min-width: 320px) {
    
}


/* Pc or larger screens */
@media screen and (min-width: 900px) {

    
    
}