#first-image {
  width: 60px;
}

#second-image {
  width: 60px;
}

#third-image {
  width: 60px;
}

#fourth-image {
  width: 60px;
}
.phaseBarImage {
  width: 420px;
}
.hidden {
  display: none;
}
.contactInfo {
  font-size: 8px;
}
.activityPickerContent {
  text-align: center;
}
.activity {
  width: 15vw;
  height: 1.5vw;
}
.addActivity {
  font-size: 1.25vw;
  margin-bottom: 10px;
}

.picker {
  width: 15vw;
  height: 1.5vw;
}
.addPicker {
  font-size: 1.25vw;
  margin-bottom: 10px;
}

.preferenceBoxActivity {
  text-align: center;
}

.initialButtons {
  display: inline-block;
  text-align: center;
}

#topLeftButton {
  background-color: rgb(245, 220, 105);
  border: 2px solid #444;
  width: 30%;
  height: 7vh;
  padding: 2%;
  margin-bottom: 10px;
  font-size: 1vw;
}
#topCenterButton {
  background-color: rgb(181, 114, 60);
  border: 2px solid #444;
  width: 30%;
  height: 7vh;
  padding: 2%;
  margin-bottom: 10px;
  font-size: 1vw;
}
#topRightButton {
  background-color: rgb(92, 149, 233);
  border: 2px solid #444;
  width: 30%;
  height: 7vh;
  padding: 1%;
  margin-bottom: 10px;
  font-size: 1vw;
}
.toggleInstructionsButton {
  background-color: lightgoldenrodyellow;
  font-weight: bolder;
  font-size: 1vw;
  border: 2px dashed black;
  width: 16%;
  margin-left: 42%;
  margin-right: 42%;
}
.preferencePercentComplete {
  font-style: italic;
}
.resultsRecommendation {
  font-size: larger;
  font-weight: bold;
}
.center {
  display: block;
  margin-left: 25%;
  margin-right: 25%;
  width: 50%;
}
.centerLarge {
  display: block;
  text-align: center;
  margin-left: 10%;
  margin-right: 10%;
  width: 80%;
}
.centerSmall {
  display: block;
  margin-left: 35%;
  margin-right: 35%;
  width: 30%;
  text-align: center;
}
.centerVerySmall {
  display: block;
  margin-left: 45%;
  margin-right: 45%;
  width: 10%;
}

#topLeftFinalButton {
  background-color: rgb(69, 218, 52);
  border: 2px solid #444;
  width: 30%;
  padding: 2%;
  margin-bottom: 10px;
  font-size: 1vw;
}
#topCenterFinalButton {
  background-color: rgb(177, 69, 136);
  border: 2px solid #444;
  width: 30%;
  padding: 2%;
  margin-bottom: 10px;
  font-size: 1vw;
}
#topRightFinalButton {
  background-color: rgb(112, 220, 209);
  border: 2px solid #444;
  width: 30%;
  padding: 1.3%;
  margin-bottom: 10px;
  font-size: 1vw;
}

body {
  font-family: sans-serif;
  color: #333;
  line-height: 1;
  height: 200vh;
  position: relative;
  background: linear-gradient(
    to bottom,
    rgb(181, 126, 255),
    rgb(217, 219, 255)
  );
}