.mycard{
  /* border: 1px solid #333; */
  box-shadow: 8px 8px 10px rgba(92, 91, 91, 0.308);
  transition: 0.5s;
  /* border-radius: 10px; */
  transition: all .3s;
 }

 .mycard:hover{
    transform: scale(1.1);
    border: 2px groove rgb(0, 32, 63);
    box-shadow: rgb(0 0 0 / 50%) 0px 0px 12px 0px;
 }

 .more{
    background-color: #000000dc;
    justify-content: center;
    align-items: center;
    cursor: pointer;
 }

 .more a h3{
    margin-top: 25%;
 }