Template:MainPage

 <style>
   .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%); 
 }

}

 </style>
 <a class="card" href="Special:AllPages">
   All Pages
 </a>
 <a class="card" href="https://bridgeduel.xyz">
   Main Website
 </a>
 <a class="card" href="https://www.roblox.com/games/11630038968">
   Roblox Game
 </a>
 <a class="card" href="Special:Random">
   Random Page
 </a>