File:MainStyle.css

.pages-container {

 margin: auto;
 width: 100%;
 height: 43%;
 display: grid;
 grid-template-columns: 25% 25%;
 grid-row: auto auto;
 justify-content: center;
 grid-column-gap: 0.5vmax;
 grid-row-gap: 0.5vmax;

}

.page {

 background-color: rgba(255, 150, 150);
 border: 2px solid rgba(255, 0, 0);
 padding: 0px;
 font-size: 30px;
 text-align: center;
 align-items: center;
 justify-content:center;

}

.background-img {

 height: 100%;
 width: 100%;
 background-image: url(https://bridgeduel.xyz/images/redclay.png);
 background-position: top left;
 background-repeat: repeat;
 background-size: 10%;
 opacity: 50%;
 transition: opacity 0.3s;
 display: flex;
 justify-content: center;
 align-items: center;
 text-decoration: none;
 color: white;
 font-size: 2vmax

}

.background-img:hover {

 opacity: 100%;

}