.logo {
  font-family: poppins;
  font-size: 3vh;
  font-style: italic;
  color: #EBF227;
  margin-left: 1vh;
}

.callflexbox {
    display: flex;
    justify-content: center;
    margin-left: 20vh;
    margin-right: 20vh;
}


.grid section {
  width: 100%;
  border-radius: 10px;
  border: 1px solid  #0489D6; 
 
}

.grid {
  display: grid;
  grid-template-columns: repeat(11, 1fr);
  gap: 0; 
  margin: 20px auto;
  border: 2px solid  #0489D6; 
}

.cell {
  aspect-ratio: 1 / 1;
  display: flex;
  align-items: center;
  justify-content: center;

  border: 1px solid #0489D6;  
  border-radius: 0;           

  font-size: 50px;
  font-family: 'Paralucent';
  font-weight: 300;

}

#p, #m, #c {
  background-color: #0489D6;  
  color: #F296C4;              
}




.call {
  opacity: 0;                    
  animation: fadeIn 3s forwards;  
  text-align: center;           
}

















@keyframes fadeIn {
  to {
    opacity: 1;                 
  }
}