::selection {
  background: #97756D;
  color: #ffffff;
}

::-moz-selection {
  background: #97756D;
  color: #ffffff;
}

body {
  background-image: url("/assets/img/bkg/blue-tile-square-overlap.jpg");
  background-repeat: repeat;
  background-attachment: fixed;
  background-color: #576793;
  overflow-x: hidden;
}

#bottom-page-gradient {
  position: fixed;
  align-items: center;
  z-index: 0;
  bottom: -20px;
  width: 100%;
  height: auto;
  transform: rotate(180deg);
}

#top-left-rectangle {
  position: absolute;
  z-index: 0;
  top: -20px;
  left: 0px;
  width: 200px;
  height: 270px;
  background-color: #ffffff;
  opacity: 85%;
}

#title-text-double {
  position: absolute;
  font-family: 'Inked-God';
  font-size: 6em;
  z-index: 2;
  left: 53px;
  top: 23px;
  background: linear-gradient(90deg,rgba(73, 112, 242, 0.7) -30%, rgba(255, 255, 255, 0.9) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}

#title-text {
  position: absolute;
  font-family: 'Inked-God';
  font-size: 6em;
  color: #000000;
  z-index: 3;
  left: 50px;
  top: 20px;
}