.button {
  font-family: Calibri;
  font-size: 14px;
	margin: 1px;
  padding: 11px;
  color: black;
  background-color: #808080;
  border-radius: 10px 10px 40px 40px;
  text-decoration :none ;}
	   
.button:hover {  background: darksalmon;  }

.pop{ display:inline-block; 
      }


.overlay {
  position:fixed  ;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  visibility: hidden;
  opacity: 0; }


.overlay:target {
  visibility:visible ;
  opacity:1;  }


.popup {
  margin: 50px auto ;
  padding: 20px;
  background: white;
  border-radius: 15px;
  width: 30%;
  position: relative; }


.popup .close {
  font-family: Calibri;
  font-size: 30px;
  color:black;
  align-content: center;
  position: absolute;
  top: 20px; 
  right: 30px;
  text-decoration:none ;  }
	   

.popup .close:hover {  color: red;  }


.popup .content { 
	overflow: auto; 
font-family: Calibri;} 


.D2Flavor{
border-radius: 15px 15px 15px 15px;
moz-box-shadow: inset 0 0 10px #777777;
webkit-box-shadow: inset 0 0 10px #777777;
box-shadow: inset 0 0 10px #777777;
background-color:  rgba(70, 70, 70, 0.9);
border-radius: 15px 15px 15px 15px;
color:#CC3366 ;
font-size:15px;
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
padding-left:60px;
padding-bottom: 20px;
margin-bottom: 20px;

}