.header {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  Font-size: 24px;
}

.infobox {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  line-height: 21px;
  Font-size: 14px;
}

.node {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: bold;
  line-height: 14px;
  Font-size: 13px;
}

.explore {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  line-height: 18px;
  Font-size: 16px;
  text-shadow: 0px 0px 4px rgba(0, 0, 0, .9);
}

.button {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  line-height: 14px;
  Font-size: 14px;
}

.mainheader {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: bold;
  Font-size: 20px;
  line-height: 24px;
  }

.mainheader2 {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: bold;
  Font-size: 19px;
  line-height: 23px;
  }

.lineheader {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: bold;
  Font-size: 18px;
  line-height: 24px;
}

.learn {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  Font-size: 18px;
  line-height: 24px;
}

.intro {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  Font-size: 18px;
  line-height: 20px;
}

.buttons {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  Font-size: 14px;
  line-height: 24px;
}

.videobuttons {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  Font-size: 12px;
  line-height: 14px;
}

.gradient{background: rgb(0,0,0);
background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,212,255,0) 100%)}