html {
  /*Scrollbar colors*/
  --sbmc: var(--pac); /*Scrollbar main color*/
  --sbbc: #4E135B; /*Scrollbar background color*/
  --sbmhc: #832199; /*Scrollbar main hover color*/

  /*Page colors*/
  --pwht: var(--pac); /*Page welcome header text*/
  --pmtc: #FFFFFF; /*Page main text color*/
  --pac: var(--lmac); /*Page accent color*/
  --lmac: #be2edd; /*Light mode accent color*/
  --dmac: #23A5D5; /*Dark mode accent color*/
  --mtbc: rgba(255, 255, 255, 30%); /*Main tiles background color*/

  /*Navbar colors*/
  --nbc: rgba(255, 255, 255, 50%); /*Navbar background color*/
  --ntc: #FFFFFF; /*Navbar text color*/
  --natc: var(--pac); /*Navbar active text color*/
  --nuc: var(--pac); /*Navbar underline color*/
  --ddcbc: var(--nbc); /*Dropdown content background color*/

  /*Page tiles colors*/
  --pttc: #FFFFFF; /*Page tiles text color*/
  --ptbc: var(--pac); /*Page tiles border color*/

  /*Footer colors*/
  --ftc: var(--pac); /*Footer text color*/
  --fbc: var(--nbc); /*Footer background color*/
  --fstc: #FFFFFF; /*Footer secondary color*/
  --ftlc: var(--pac); /*Footer top line color*/
}

body {
  color: var(--pmtc);
  background: linear-gradient(-45deg, #A14BBE, #A14BBE, #448FA3, #23A5D5, #23D5AB, #23A5D5, #448FA3, #A14BBE, #A14BBE);
  background-size: 400% 400%;
  position: relative;
  font-family: Poppins;
  animation: szineshatter 25s infinite, transitionin 0.80s;
}

.main_title {
  color: var(--pwht);
  text-align: center;
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  transition: color 0.025s;
}

.main_title h1 {
  font-size: 350%;
}

.pages_filtered_by_years_background {
  background: var(--mtbc);
}

.pages_filtered_by_years {
  text-align: center;
  padding-top: 1rem;
  padding-bottom: 1.5rem;
  margin-bottom: 2rem;
  width: 50%;
  margin-left: 25%;
}

.pages_filtered_by_years h1 {
  font-size: 300%;
  margin-bottom: 2rem;
}

.pages_filtered_by_years h2 {
  display: inline-block;
  margin: 0.75rem;
}

.pages_filtered_by_years a {
  padding: .1rem;
  display: table-cell;
  vertical-align: middle;
}

.page_tiles {
  color: var(--pttc);
  font-size: 150%;
  font-weight: 500;
  border-radius: 2rem;
  display: table;
  width: 10rem;
  height: 10rem;
  border: 0.4rem solid var(--ptbc);
  transition: all 0.5s;
}

.page_tiles:hover {
  transform: translateY(-1.5rem);
  color: var(--pac)
}