/* ==========================================================================
   Home Page Styles
   ========================================================================== */

#homeBackground {
  min-width: 1024px;
  min-height: 768px;
}

.homeTitle {
  position: absolute;
  color: #707070;
  fill: #707070;
  top: 240px;
  left: 422px;
  font-family: "Nunito";
  font-size: 80px;
  font-weight: 500;
}

.homeText {
  position: absolute;
  color: #707070;
  fill: #707070;
  font-family: "Nunito";
  top: 315px;
  left: 305px;
  font-size: 26px;
  font-weight: 500;
}

.homeTutorial {
  position: absolute;
  color: #707070;
  fill: #707070;
  font-family: "Nunito";
  top: 505px;
  left: 780px;
  font-size: 23px;
  font-weight: 500;
  cursor: pointer;
}

.homeModules {
  position: absolute;
  color: #707070;
  fill: #707070;
  font-family: "Nunito";
  top: 536px;
  left: 767px;
  font-size: 23px;
  font-weight: 500;
  cursor: pointer;
}

.homeGame {
  position: absolute;
  color: #707070;
  fill: #707070;
  font-family: "Nunito";
  top: 568px;
  left: 753px;
  font-size: 23px;
  font-weight: 500;
  cursor: pointer;
}

/* ==========================================================================
   Game Statistics & Legend Text (home uses these text classes)
   ========================================================================== */

.numberUntreatedText {
  fill: #707070;
  font-family: "Nunito";
  font-size: 18px;
  font-weight: 500;
}

.uninfectedLegendText, .infectedLegendText {
  fill: #707070;
  font-family: "Nunito";
  font-size: 23px;
  font-weight: 500;
}

.uninfectedPercentage {
  fill: #707070;
  font-family: "Nunito";
  font-size: 30px;
  font-weight: 700;
}

.networkSizeText {
  fill: #707070;
  font-family: "Nunito";
  font-size: 25px;
  font-weight: 500;
}

.numberQuarantinedText, .numberVaccinatedText {
  fill: #707070;
  font-family: "Nunito";
  font-size: 18px;
  font-weight: 500;
}

/* ==========================================================================
   D3-Generated SVG Element Styles (home visualization)
   ========================================================================== */

.home-link {
  fill: #707070;
  stroke-width: 10px;
  stroke: #d5d5d5;
}

.home-node {
  stroke: #b7b7b7;
  stroke-width: 10px;
  fill: #d5d5d5;
}

.home-node-infected {
  fill: #f1d2d2;
}

/* Clickable text elements with hover effect */
.clickable-text {
  fill: #707070;
  cursor: pointer;
}

.clickable-text:hover {
  fill: #2692F2;
}

/* Social share elements used on home */
.socialShareMain {
  position: absolute;
  left: 300px;
  top: 300px;
  width: 300px;
  height: 200px;
}

.share-text {
  font-family: "Nunito";
  font-size: 25px;
  font-weight: 300;
  fill: #707070;
  cursor: pointer;
}

.share-icon {
  height: 50px;
  width: 50px;
  cursor: pointer;
}

.home-hi-text {
  font-size: 23px;
  font-family: "Nunito";
  cursor: pointer;
}

.home-credit-text {
  cursor: pointer;
}