.row{
    margin-right: auto;
    margin-left: auto; 
    
    
}

body {
    width: 100%;
    background-image: url("../images/Cave.jpg");
    color:rgb(5, 60, 30);
    font-size: 20px;
}

header {
    width: 100%;
    text-align: center;
    color: rgb(3, 82, 49);
}

.card { background-color: rgba(245, 245, 245, 0.4); }

.card-header, .card-footer { opacity: 1}

.rules {
    width: 100%;
    font-size: 18px;
 }

 /* .wrapper {
  
    background: rgb(200, 54, 54);
   
    background: rgba(200, 54, 54, 0.5);
 } */

.crystal {

    width: 100px;
    height: 100px;
    margin: 2px;
    
}

.crystal img{
    width: 200px;
    height: 200px;
}

.gameBoxes {
    width: 300px;
    height: 200px;
    font-weight: bold;
   
}



#collected {
   text-align: center;
}