Main.css

@import url('https://fonts.googleapis.com/css2?family=Philosopher:ital,wght@0,400;0,700;1,400;1,700&family=Victor+Mono:wght@700&display=swap');

.mw-page-title-main {

 font-family: Philosopher,sans-serif

}

.tile-halves {

   display: flex;
   flex-flow: row wrap;
   border: 1px solid #000000;
   box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1);
 }

.tile-row {

   display: flex;
   flex-flow: row wrap;
   margin-bottom: 1em;

}

.tile-top {

   width: 100%;
   padding: 1.3rem 1.5rem 0.6rem;

}

.tile-top.tile-image {

   display: flex;
   align-items: center;
   
   overflow: hidden;
   padding: 0;
   height: 13vw;
   max-height: 12em;
   transition: 0.4s ease-out;

}

.tile-bottom {

   background: #FAFAFA;
   border-top: 1px solid #000000;
   width: 100%;
   padding: 1rem 1.5rem 0.6rem;

}

.tile-bottom.link-button {

   align-self: flex-end;
   padding: 0;

}

.mainpage-contents .tile-halves {

   flex: 1;

}