.header {
  display: flex;
  height: 70px;
  width: 100%;
  background-color: yellow;
}

.headerstrip {
  height: 5px;
  width: 100%;
  background-color: gold;
}

.headerbutton {
  font-family: 'Urbanist', sans-serif;
  background-color: black;
  color: gold;
  height: 25px;
  width: 125px;
  white-space: nowrap;
  margin-left: 15px;
  margin-right: 15px;
  margin-top: 22.5px;
}

.body {
  display: inline-block;
  background-color: black;
  padding-bottom: 100px;
  height: 100%;
  width: 100%;
}

.image {
  display: flex;
}

.text {
  display: block;
}

#headertext {
  font-family: 'Urbanist', sans-serif;
  font-size: 42px;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 10px;
}

#headerimage {
  padding-left: 10px;
  padding-top: 10px;
}

#introductiontitle {
  font-family: 'Urbanist', sans-serif;
  padding-left: 25px;
  color: yellow;
}

#introductiontext {
  font-family: 'Urbanist', sans-serif;
  padding-left: 25px;
  color: yellow;
}

#giventext {
  font-family: 'Urbanist', sans-serif;
  padding-left: 25px;
  color: yellow;
}

#givenimage {
  padding-left: 25px;
  height:200px;
}

#newimagebutton {
  font-family: 'Urbanist', sans-serif;
  height: 30px;
  background-color: gold;
  margin-top: 85px;
  margin-left: 35px;
  white-space: nowrap;
}

#newtextbutton {
  font-family: 'Urbanist', sans-serif;
  height: 30px;
  background-color: gold;
  margin-left: 25px;
  margin-top: 25px;
  white-space: nowrap;
}

#newpromptbutton {
  font-family: 'Urbanist', sans-serif;
  height: 30px;
  background-color: gold;
  margin-left: 25px;
  margin-top: 25px;
  white-space: nowrap;
}

#nametagtext {
  font-family: 'Urbanist', sans-serif;
  padding-left: 25px;
  color: yellow;
}