/* === Base Layout === */
body {
  font-family: 'Open Sans', sans-serif;
}

/* Card Grid Container */
.container-teampage {
  display: grid;
  grid-template-areas:
    "tr-1 tr-2 tr-3 tr-4 tr-5"
    "tr-6 tr-7 tr-8 tr-9 tr-10"
    "tr-11 tr-12 tr-13 tr-14 tr-15"
    "tr-16 tr-17 tr-18 tr-19 tr-20"
    "tr-21 tr-22 tr-23 tr-24 tr-25";
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: repeat(5, 1fr);
  gap: 5px;
  width: 260px;
  height: 260px;
  perspective: 800px;
  position: relative;
}

/* Each Tracker Cell */
.tracker {
  background: transparent;
  width: 50px;
  height: 50px;
}

/* Card Styles */
#mrtomi {
  max-width: 800px;
  margin: auto;
  padding: 2rem;
  margin-top: 5%;
}

#mrtomi p,
#mrtomi a {
  color: #f1f5f9;
  font-size: 1rem;
}

#mrtomi a:hover {
  text-decoration: underline;
}