#mainStuff {
    display: inline-block;
}

#body {
    background-image: url("veggies.png");
    background-size: 100%;
    background-attachment: fixed;
}

.dropdownMenu {
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    text-align: center;
    margin-left: 21%;
    margin-top: 180pt;
    padding-top: 20pt;
    background-color: white;
    width: 400pt;
    padding-bottom: 20pt;
    z-index: 10;
}

#selectPrompt {
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    font-weight: bold;
    font-size: 18pt;
    color: black;
}

#crops,
#seeInfo {
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    text-align: center;
    font-size: 18pt;
    color: white;
    background-color: darkgreen;
    width: 120pt;
    height: 35pt;
    border: none;
}

#crops:hover,
#seeInfo:hover {
    background-color: rgb(51, 164, 51);
}

#funFact {
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    color: black;
    font-size: 80pt;
    font-weight: bold;
    width: 400pt;
    padding-top: 7pt;
    padding-bottom: 3pt;
    padding-left: 1%;
    padding-right: 1%;
    margin-left: 150%;
    margin-top: -190pt;
    text-align: right;
}

#fact {
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    padding-top: 10pt;
    color: black;
    font-size: 17pt;
    font-weight: lighter;
}

#lowerPage {
    width: 100%;
    height: 700pt;
    margin-top: 30%;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    color: black;
    text-align: left;
}

#guide {
    padding-left: 30pt;
    padding-top: 10pt;
}

#guide {
  font-family: 'Trebuchet MS', sans-serif;
  padding: 30pt;
  background-color: white;
  margin: 20pt;
  border-radius: 12pt;
  box-shadow: 0 0 10pt rgba(0, 0, 0, 0.1);
  line-height: 1.6;
}

#guide h2 {
  font-size: 24pt;
  color: darkgreen;
  margin-bottom: 10pt;
}

#guide h3 {
  font-size: 18pt;
  color: rgb(34, 102, 34);
  margin-top: 20pt;
}

#guide ul {
  padding-left: 20pt;
}

#environmentImpact {
  font-family: 'Trebuchet MS', sans-serif;
  background-color: white;
  margin: 20pt;
  padding: 20pt;
  border-radius: 12pt;
  box-shadow: 0 0 10pt rgba(0, 0, 0, 0.1);
}

#environmentImpact h2 {
  font-size: 20pt;
  color: darkgreen;
  margin-bottom: 10pt;
}

#environmentImpact {
  font-size: 14pt;
  color: black;
  line-height: 1.6;
}