mental.css

#myForm {
  background: lightpink;
  position: fixed;
  right: 2%;
  bottom: 2%;
}
#text {
  color: black;
  font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
}
nav {
  font-family: "Franklin Gothic Medium", "Arial Narrow", Arial, sans-serif;
  padding-top: 5%;
  padding-bottom: 5%;
  margin: 0;
  border-color: black;
  background-color: rgb(126, 211, 236);
}

hr {
  border: 10px solid darkblue;
  border-radius: 3px;
}

h1 {
  color: darkblue;
  text-align: left;
  font-size: 40px;
}

#intro {
  font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande",
    "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
  text-align: left;
  padding-top: 50px;
  margin-bottom: 5%;
  padding-left: 20px;
  padding-right: 20px;
  color: darkblue;
  text-shadow: 2px 2px pink;
}

#myths,
#help {
  font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande",
    "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
  background-color: rgb(126, 211, 236);
  padding: 20px;
  color: darkblue;
  text-shadow: 2px 2px white;
}

#problems {
  font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande",
    "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
  text-align: left;
  padding-top: 50px;
  margin-bottom: 5%;
  padding-left: 20px;
  padding-right: 20px;
  color: darkblue;
  text-shadow: 2px 2px pink;
}

#b1,
#b2,
#b3,
#b4,
#b5,
#b6,
#b7,
#b8,
#b9 {
  width: 80px;
  height: 52px;
  margin: auto;
  border: 1px solid gray;
  border-radius: 6px;
  font-size: 30px;
  text-align: center;
}

/* Reset Button */
#but {
  box-sizing: border-box;
  width: 95px;
  height: 40px;
  border: 1px solid dodgerblue;
  margin: auto;
  border-radius: 4px;
  font-family: Verdana, Geneva, Tahoma, sans-serif;

  background-color: dodgerblue;
  color: white;
  font-size: 20px;
  cursor: pointer;
}

/* Player turn space */
#print {
  font-family: Verdana, Geneva, Tahoma, sans-serif;

  color: dodgerblue;
  font-size: 20px;
}

#main {
  text-align: center;
}

/* Game Instruction Text */
#ins {
  font-family: Verdana, Geneva, Tahoma, sans-serif;

  color: dodgerblue;
  font-size: 17px;
}

#myForm {
  background: red;
  position: fixed;
  right: 2%;
  bottom: 2%;
}

#text {
  color: red;
  padding: 10px;
  margin: 10px;
  border-style: solid;
  border-radius: 20px;
  border-color: darkblue;
  font-family: "Franklin Gothic Medium", "Arial Narrow", Arial, sans-serif;
  width: max-content;
  font-size: large;
  text-decoration: none;
}

#physicalnav-btn-mental,#homenav-btn{
    float:right;
    color: darkblue;
    padding: 10px;
    border-style: solid;
    border-radius: 20px;
    border-color: darkblue;
    font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    width: 12%;
    font-size: medium;
    text-decoration:none;
    margin-right: 10px;
    margin-top: 0;
}