h1 {
  text-align: center;
  font-family: verdana;
  margin-bottom: 3px;
}

/* buttons */
.buttons {
  padding-left: 220px;
}

.button {
  text-align: center;
  padding: 10px 20px;
  font-size: 15px;
  cursor: pointer;
  color: black;
  text-decoration: none;
  border: none;
  border-radius: 2px;
  margin-top: 10px;
  margin-right: 5px;
  background-color: white;
}

.button1 {
  border: 1px solid black;
  outline: none;
}

.timeout {
  background-color: #A9A9A9;
}

/* some paragraphs */
p.p2 {
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 2px;
  margin-left: 2px;
}

.p1 {
  margin-top: 20px;
  margin-left: 220px;
}

.info {
  padding-right: 20px;
  padding-left: 20px;
  border-width: thin;
  border-style: solid;
  margin-right: 100px;
  float: right;
}

/* tabs*/
.tabsdiv {
  text-align: center;
  font-size: 0px;
}

.tabs {
  text-align: center;
  padding: 5px 20px;
  font-size: 15px;
  cursor: pointer;
  color: black;
  text-decoration: none;
  border: none;
  margin-top: 10px;
  margin-bottom: 30px;
  transition: 0.3s;
  display: inline;
}

.tabs.active {
  background-color: #ccc;
}

.tabs:hover {
  background-color: #ddd;
}

.tabs1 {
  outline: none;
}

.tabContent {
  height: 100%;
  width: 100%;
}

/* map*/
.row {
  width: 437.33px;
  height: 78px;
  margin-left: 0px;
}

.column {
  height: 100%;
  width: 18%;
  float: left;
  border: 1px solid black;
  margin: 1px;
}

.grid {
  height: 50%;
  display: inline-block;
}

.controller {
  text-align: center;
  height: 100%;
}

/*maptext*/
p.p3 {
  text-align: center;
  font-size: 10px;
  margin-top: 20%;
}

/* Map buttons */
.exploreButton {
  font-size: 10px;
  border: none;
  outline: none;
  margin-top: 20%;
  cursor: pointer;
}

.toolTip {
  position: relative;
  display: inline-block;
}

.toolTip .toolTiptext {
  visibility: hidden;
  width: 70px;
  background-color: #c0c0c0;
  text-align: center;
  border: none;
  border-radius: 2px;
  padding: 3px 0;
  position: absolute;
  z-index: 1;
  top: 100%;
  left: 50%;
  margin-left: -35px;
  font-size: 56%
}

.toolTip:hover .toolTiptext {
  visibility: visible;
}

/* explore boxes text*/
.explorebox {
  text-align: center;
}

.exploreText {
  font-size: 10px;
  margin-top: 15px;
}

/* barn*/
.sheds {
  width: 100%;
  text-align: center;
}

.animalShed {
  border: 1px solid black;
  margin-top: 10px;
  height: 300px;
  width: 18%;
  display: inline-block;
  vertical-align: text-top;
}

#sheepProduction1 {
  margin-bottom: 2px;
}

#sheepProduction2 {
  margin-top: 0px;
}

#dogProduction1 {
  margin-bottom: 2px;
}

#dogProduction2 {
  margin-top: 0px;
  margin-bottom: 2px;
}

#dogProduction3 {
  margin-bottom: 2px;
  margin-top: 0px;
}

/*barns stuffs*/
.brokenBarntext {
  font-size: 15px;
  text-align: center;
}

.brokenBarn {
  text-align: center;
}

.brokenBarn .button {
  display: inline-block;
}

.shedTitle {
  margin-top: 8px;
  text-align: center;
}

.animals {
  padding: 0px 5px;
  font-size: 10px;
}

.buttonBarn {
  outline: none;
  border: none;
  font-size: 10px;
}

/*Market stalls*/
.marketTitle p {
  text-align: center;
  font-size: 20px;
  margin-top: 0px;
  margin-bottom: 30px
}

.marketOffers {
  height: 100%;
}

.marketBuy {
  width: 100%;
  text-align: center;
  height: 100%;
}

.marketSell {
  width: 100%;
  text-align: center;
  height: 100%;
}

.marketBuyStall {
  width: 15%;
  margin-left: 1.5%;
  margin-right: 1.5%;
  border: 1px solid black;
  display: inline-block;
}

.marketSellStall {
  width: 15%;
  margin-left: 1.5%;
  margin-right: 1.5%;
  margin-top: 20px;
  border: 1px solid black;
  display: inline-block;
}

.marketType {
  font-size: 15px;
  outline: none;
  padding: 5px 10px;
}

.marketItemName {
  font-size: 12px;
  margin-top: 10px;
}

.marketItemPrice {
  font-size: 12px;
  margin-top: 2px;
}

#version {
  position: absolute;
  bottom: 0px;
  float: right;
}