html, body
{
  position: relative;
  width: 1920px;
  height: 1200px;

  background: #07777a;
}

#hb_heading1
{
  position: absolute;
  width: 637px;
  height: 93px;
  left: 760px;
  top: 33px;

  font-family: Rubik;
  font-style: normal;
  font-weight: normal;
  font-size: 72px;
  line-height: 85px;

  color: #000000;
}

#hb_heading2
{
  position: absolute;
  width: 600px;
  height: 300px;
  left: 670px;
  top: 126px;

  font-family: Rubik;
  font-style: normal;
  font-weight: normal;
  font-size: 36px;
  line-height: 43px;

  color: #000000;
}

#hb_heading3
{
  position: absolute;
  width: 1264px;
  height: 83px;
  left: 460px;
  top: 200px;

  font-family: Rubik;
  font-style: normal;
  font-weight: normal;
  font-size: 36px;
  line-height: 43px;
  display: flex;
  align-items: center;
  text-align: center;

  color: #000000;
}

#home_button
{
  position: absolute;
  width: 124px;
  height: 47px;
  left: 300px;
  top: 300px;

  background: #C4C4C4;
  border-radius: 10px;

  font-family: Rubik;
  font-style: normal;
  font-weight: normal;
  font-size: 36px;
  line-height: 43px;
  display: flex;
  align-items: center;
  text-align: center;

  color: #000000;
}

#about_us_button
{
  position: absolute;
  width: 175px;
  height: 47px;
  left: 500px;
  top: 300px;

  font-family: Rubik;
  font-style: normal;
  font-weight: normal;
  font-size: 36px;
  line-height: 43px;
  display: flex;
  align-items: center;
  text-align: center;

  color: #000000;

  background: #C4C4C4;
  border-radius: 10px;
}

#sd1_documents_button
{
  position: absolute;
  width: 440px;
  height: 47px;
  left: 750px;
  top: 300px;

  font-family: Rubik;
  font-style: normal;
  font-weight: normal;
  font-size: 36px;
  line-height: 43px;
  display: flex;
  align-items: center;
  text-align: center;

  color: #000000;

  background: #C4C4C4;
  border-radius: 10px;
}

#sd2_documents_button
{
  position: absolute;
  width: 440px;
  height: 47px;
  left: 1260px;
  top: 300px;

  font-family: Rubik;
  font-style: normal;
  font-weight: normal;
  font-size: 36px;
  line-height: 43px;
  display: flex;
  align-items: center;
  text-align: center;

  color: #000000;

  background: #C4C4C4;
  border-radius: 10px;
}

#project_description_header
{
  position: absolute;
  width: 336px;
  height: 55px;
  left: 820px;
  top: 360px;

  font-family: Rubik;
  font-style: normal;
  font-weight: 500;
  font-size: 36px;
  line-height: 43px;
  display: flex;
  align-items: center;
  text-align: center;
  text-decoration-line: underline;

  color: #000000;
}

#project_description
{
  position: absolute;
  width: 887px;
  height: 226px;
  left: 500px;
  top: 900px;

  font-family: Rubik;
  font-style: normal;
  font-weight: normal;
  font-size: 24px;
  line-height: 28px;
  display: flex;
  align-items: center;
  text-align: center;

  color: #000000;
}

#pic1
{
  position: absolute;
  width: 600px;
  height: 415px;
  left: 642px;
  top: 427px;
  transform: rotate(180deg);
  background: #C4C4C4;
}

#pic2
{
  position: absolute;
  width: 450px;
  height: 398px;
  left: 995px;
  top: 427px;

  background: #C4C4C4;
}