@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@700;900&display=swap');

body{
  background-color: rgb(247, 247, 247);
  overflow-x: hidden;
  margin: 0;
}

hero{
  width: 100vw;
  height: 50vh;
  box-sizing: border-box;
  padding: 10%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  color: white;
  background: linear-gradient(112deg, rgba(205,127,50,1) 0%, rgba(255,171,0,1) 100%);
  font-family: "Roboto Slab";
}

hero img{
  width: 128px;
  position: absolute;
  right: 10%;
}
hero p{
  width: 70%;
}

@media only screen and (max-width: 1000px) {
  hero img{
    display: none;
  }
  hero p{
    width: 100%;
  }
  hero{
    height: 70vh;
  }
}

content{
  display: block;
  width: 50%;
  margin-left: 25%;
  margin-top: 200px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

content h3{
  font-family: "Roboto Slab";
}