.lighterr {
    padding: 40px;
    text-align: center;
    background-color: #d6d6d6;
    color: #343a40;
    font-size: x-large;
}

.lighterr p {
    padding: 15px;
    padding-bottom: 15px;
    margin: auto;
    text-align: center;
}

.lighterr img {
    border-radius: 50%;
}

.darker {
    padding: 40px;
    text-align: center;
    background-color: #343a40;
    color: white;
    font-size: x-large;
}

.darker p {
    padding: 15px;
    padding-bottom: 15px;
    margin: auto;
    text-align: center;
}

.darker img {
    border-radius: 50%;
}



/* zoon hover stuff */

.zoom {
   border-radius: 50%; 

  
}

.zoom:hover {
   transition: 1s;
   opacity: 80%;
   border-width: 1px;
   border-style: solid;
   border-color: white;

}