Template:MainPageStyle.css

.cards {

 margin: 20px auto;
 width: 98%;
 height: 300px;
 display: grid;
 grid-template-columns: 50% 50%;
 grid-column-gap: 10px;
 grid-row-gap: 10px;
 justify-content: center;
 a {
   background: url("https://bridgeduel.xyz/images/redclay.png") center center repeat;
   background-size: 50px;
   transition-duration: 0.2s;
   filter: brightness(80%);
   transition-property: transform, filter;
   font-size: 20px;
   text-align: center;
   vertical-align: middle;
   display: flex;
   align-items: center;
   justify-content: center;
   color: white;
   text-decoration: none;
 }
 a:hover {
   transform: scale(1.01);
   filter: brightness(100%); 
 }

}