.home {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  padding: 42px;
  position: relative;
  background-color: var(--deepdeep-purple);
}

.home .welcome-to-a-home-on {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: "Fira Sans", Helvetica;
  font-weight: 200;
  color: var(--lightlight-purple);
  font-size: 42px;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.home .row {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 42px 0px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.home .div {
  display: flex;
  flex-direction: column;
  width: 170px;
  align-items: flex-start;
  gap: 10px;
  position: relative;
}

.home .section-header {
  display: inline-flex;
  min-width: 170px;
  /* align-items: center; */
  /* justify-content: center; */
  gap: 10px;
  padding: 10px 0px;
  position: relative;
  flex: 0 0 auto;
  margin-top: -3px;
  margin-left: -3px;
  margin-right: -3px;
  border-bottom-width: 3px;
  border-bottom-style: solid;
  border-color: var(--airrain);
}

.home .personal {
  position: relative;
  flex: 1;
  font-family: var(--section-header-font-family);
  font-weight: var(--section-header-font-weight);
  color: var(--airbreath);
  font-size: var(--section-header-font-size);
  letter-spacing: var(--section-header-letter-spacing);
  line-height: var(--section-header-line-height);
  font-style: var(--section-header-font-style);
}

.home .div-2 {
  width: 172px;
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  gap: 10px 10px;
  position: relative;
  flex: 0 0 auto;
}

.home .img {
  position: relative;
  width: 80px;
  height: 61px;
}

.home .img-2 {
  position: relative;
  width: 80px;
  height: 61px;
  margin-bottom: -1px;
}

.home .link {
  display: inline-flex;
  min-width: 170px;
  /* align-items: center; */
  /* justify-content: center; */
  gap: 10px;
  padding: 5px 0px 5px 21px;
  position: relative;
  flex: 0 0 auto;
  margin-left: -0.5px;
  margin-right: -0.5px;
  border-bottom-width: 0.5px;
  border-bottom-style: solid;
  border-color: var(--frame);
}

.home .text-wrapper {
  position: relative;
  flex: 1;
  font-family: "Fira Sans", Helvetica;
  font-weight: 400;
  color: var(--airbreath);
  font-size: 12px;
  letter-spacing: 0.48px;
  line-height: normal;
}

.home .div-wrapper {
  display: inline-flex;
  min-width: 170px;
  /* align-items: center; */
  /* justify-content: center; */
  gap: 10px;
  padding: 5px 0px 5px 21px;
  position: relative;
  flex: 0 0 auto;
  margin-bottom: -0.5px;
  margin-left: -0.5px;
  margin-right: -0.5px;
  border-bottom-width: 0.5px;
  border-bottom-style: solid;
  border-color: var(--frame);
}

.home .img-3 {
  position: relative;
  align-self: stretch;
  width: 1px;
}

.home .FRZR-studio {
  display: flex;
  flex-direction: column;
  width: 170px;
  /* align-items: center; */
  gap: 10px;
  position: relative;
}

.home .FRZR-studio-wrapper {
  display: inline-flex;
  min-width: 170px;
  border-color: var(--mainpurple);
  /* align-items: center; */
  /* justify-content: center; */
  gap: 10px;
  padding: 10px 0px;
  position: relative;
  flex: 0 0 auto;
  margin-top: -3px;
  margin-left: -3px;
  margin-right: -3px;
  border-bottom-width: 3px;
  border-bottom-style: solid;
}

.home .FRZR-studio-2 {
  position: relative;
  flex: 1;
  font-family: var(--section-header-font-family);
  font-weight: var(--section-header-font-weight);
  color: var(--lightlight-purple);
  font-size: var(--section-header-font-size);
  letter-spacing: var(--section-header-letter-spacing);
  line-height: var(--section-header-line-height);
  font-style: var(--section-header-font-style);
}

.home .div-wrapper-2 {
  position: relative;
  width: 82px;
  height: 62px;
  margin-top: -1px;
  margin-right: -1px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-color: var(--frame);
}

.home .google-cloud-logo {
  position: relative;
  width: 30px;
  height: 28px;
  top: 16px;
  left: 25px;
}

.home .overlap-group {
  position: relative;
  width: 28px;
  height: 28px;
  left: 1px;
}

.home .polygon {
  top: 13px;
  left: 0;
  position: absolute;
  width: 13px;
  height: 15px;
}

.home .polygon-2 {
  top: 0;
  left: 7px;
  position: absolute;
  width: 13px;
  height: 15px;
}

.home .polygon-3 {
  top: 13px;
  left: 15px;
  position: absolute;
  width: 13px;
  height: 15px;
}

.home .currents-wrapper {
  display: inline-flex;
  min-width: 170px;
  border-color: var(--mainblue);
  /* align-items: center; */
  /* justify-content: center; */
  gap: 10px;
  padding: 10px 0px;
  position: relative;
  flex: 0 0 auto;
  margin-top: -3px;
  margin-left: -3px;
  margin-right: -3px;
  border-bottom-width: 3px;
  border-bottom-style: solid;
}

.home .currents {
  position: relative;
  flex: 1;
  font-family: var(--section-header-font-family);
  font-weight: var(--section-header-font-weight);
  color: var(--lightlight-blue);
  font-size: var(--section-header-font-size);
  letter-spacing: var(--section-header-letter-spacing);
  line-height: var(--section-header-line-height);
  font-style: var(--section-header-font-style);
}

.home .div-3 {
  position: relative;
  width: 82px;
  height: 62px;
  margin-top: -1px;
  margin-left: -1px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-color: var(--frame);
}

.home .reddit-logo {
  position: absolute;
  width: 36px;
  height: 31px;
  top: 14px;
  left: 22px;
}

.home .NPR {
  position: relative;
  width: 82px;
  height: 62px;
  margin-bottom: -1px;
  margin-right: -1px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-color: var(--frame);
}

.home .NPR-logo {
  position: absolute;
  width: 51px;
  height: 16px;
  top: 22px;
  left: 15px;
}

.home .entertain-wrapper {
  display: inline-flex;
  min-width: 170px;
  border-color: var(--maingreen);
  /* align-items: center; */
  /* justify-content: center; */
  gap: 10px;
  padding: 10px 0px;
  position: relative;
  flex: 0 0 auto;
  margin-top: -3px;
  margin-left: -3px;
  margin-right: -3px;
  border-bottom-width: 3px;
  border-bottom-style: solid;
}

.home .entertain {
  position: relative;
  flex: 1;
  font-family: var(--section-header-font-family);
  font-weight: var(--section-header-font-weight);
  color: var(--lightlight-green);
  font-size: var(--section-header-font-size);
  letter-spacing: var(--section-header-letter-spacing);
  line-height: var(--section-header-line-height);
  font-style: var(--section-header-font-style);
}

.home .youtube-logo {
  position: absolute;
  width: 38px;
  height: 26px;
  top: 17px;
  left: 21px;
}

.home .netflix-logo {
  position: relative;
  width: 16px;
  height: 30px;
  top: 15px;
  left: 32px;
  background-image: url(./img/slant-1.svg);
  background-size: 100% 100%;
}

.home .columns {
  position: absolute;
  width: 16px;
  height: 30px;
  top: 0;
  left: 0;
}

.home .sponge-wrapper {
  display: flex;
  width: 176px;
  border-color: var(--mainyellow);
  /* align-items: center; */
  /* justify-content: center; */
  gap: 10px;
  padding: 10px 0px;
  position: relative;
  flex: 0 0 auto;
  margin-top: -3px;
  margin-left: -3px;
  margin-right: -3px;
  border-bottom-width: 3px;
  border-bottom-style: solid;
}

.home .sponge {
  position: relative;
  flex: 1;
  font-family: var(--section-header-font-family);
  font-weight: var(--section-header-font-weight);
  color: var(--lightlight-yellow);
  font-size: var(--section-header-font-size);
  letter-spacing: var(--section-header-letter-spacing);
  line-height: var(--section-header-line-height);
  font-style: var(--section-header-font-style);
}

.home .design-wrapper {
  display: inline-flex;
  min-width: 170px;
  align-self: stretch;
  border-color: var(--mainorange);
  /* align-items: center; */
  /* justify-content: center; */
  gap: 10px;
  padding: 10px 0px;
  position: relative;
  flex: 0 0 auto;
  margin-top: -3px;
  margin-left: -3px;
  margin-right: -3px;
  border-bottom-width: 3px;
  border-bottom-style: solid;
}

.home .design {
  position: relative;
  flex: 1;
  font-family: var(--section-header-font-family);
  font-weight: var(--section-header-font-weight);
  color: var(--lightlight-orange);
  font-size: var(--section-header-font-size);
  letter-spacing: var(--section-header-letter-spacing);
  line-height: var(--section-header-line-height);
  font-style: var(--section-header-font-style);
}

.home .icons {
  align-items: flex-start;
  align-self: stretch;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 10px 10px;
  position: relative;
  flex: 0 0 auto;
}

.home .link-wrapper {
  display: inline-flex;
  min-width: 170px;
  /* align-items: center; */
  /* justify-content: center; */
  gap: 10px;
  padding: 5px 0px 5px 21px;
  position: relative;
  align-self: stretch;
  flex: 0 0 auto;
  margin-bottom: -0.5px;
  margin-left: -0.5px;
  margin-right: -0.5px;
  border-bottom-width: 0.5px;
  border-bottom-style: solid;
  border-color: var(--frame);
}

.home .art-wrapper {
  display: inline-flex;
  min-width: 170px;
  border-color: var(--maincurrant);
  /* align-items: center; */
  /* justify-content: center; */
  gap: 10px;
  padding: 10px 0px;
  position: relative;
  flex: 0 0 auto;
  margin-top: -3px;
  margin-left: -3px;
  margin-right: -3px;
  border-bottom-width: 3px;
  border-bottom-style: solid;
}

.home .art {
  position: relative;
  flex: 1;
  font-family: var(--section-header-font-family);
  font-weight: var(--section-header-font-weight);
  color: var(--lightlight-currant);
  font-size: var(--section-header-font-size);
  letter-spacing: var(--section-header-letter-spacing);
  line-height: var(--section-header-line-height);
  font-style: var(--section-header-font-style);
}

.home .site {
  position: relative;
  width: 82px;
  height: 62px;
  margin-bottom: -1px;
  margin-left: -1px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-color: var(--frame);
}

.home .modern-logo {
  position: absolute;
  width: 64px;
  height: 21px;
  top: 19px;
  left: 8px;
}

.home .link-2 {
  display: flex;
  min-width: 170px;
  /* align-items: center; */
  /* justify-content: center; */
  gap: 10px;
  padding: 5px 0px 5px 21px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  margin-bottom: -0.5px;
  margin-left: -0.5px;
  margin-right: -0.5px;
  border-bottom-width: 0.5px;
  border-bottom-style: solid;
  border-color: var(--frame);
}

.home .if-you-don-t-ask-why {
  position: relative;
  width: fit-content;
  font-family: "Fira Sans", Helvetica;
  font-weight: 400;
  color: var(--brightviolet);
  font-size: 21px;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.home .span {
  font-weight: 200;
}

.home .text-wrapper-2 {
  font-weight: 200;
  font-style: italic;
}

.home .third-dimension-wrapper {
  display: inline-flex;
  min-width: 170px;
  border-color: var(--airstorm);
  /* align-items: center; */
  /* justify-content: center; */
  gap: 10px;
  padding: 10px 0px;
  position: relative;
  flex: 0 0 auto;
  margin-top: -3px;
  margin-left: -3px;
  margin-right: -3px;
  border-bottom-width: 3px;
  border-bottom-style: solid;
}

.home .third-dimension {
  position: relative;
  flex: 1;
  font-family: var(--section-header-font-family);
  font-weight: var(--section-header-font-weight);
  color: var(--airfog);
  font-size: var(--section-header-font-size);
  letter-spacing: var(--section-header-letter-spacing);
  line-height: var(--section-header-line-height);
  font-style: var(--section-header-font-style);
}

.home .img-wrapper {
  position: relative;
  width: 82px;
  height: 62px;
  margin-left: -1px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-color: var(--frame);
}

.home .zbrush-logo {
  position: absolute;
  width: 42px;
  height: 37px;
  top: 11px;
  left: 18px;
  object-fit: cover;
}

.home .if-logo {
  position: absolute;
  width: 26px;
  height: 26px;
  top: 17px;
  left: 26px;
}

.home .div-4 {
  position: relative;
  width: 82px;
  height: 62px;
  margin-right: -1px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-color: var(--frame);
}

.home .union {
  position: absolute;
  width: 42px;
  height: 16px;
  top: 22px;
  left: 19px;
}

.home .link-3 {
  display: flex;
  min-width: 170px;
  /* align-items: center; */
  /* justify-content: center; */
  gap: 10px;
  padding: 5px 0px 5px 21px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  margin-left: -0.5px;
  margin-right: -0.5px;
  border-bottom-width: 0.5px;
  border-bottom-style: solid;
  border-color: var(--frame);
}

.home .technology-wrapper {
  display: inline-flex;
  min-width: 170px;
  border-color: var(--richgrape);
  /* align-items: center; */
  /* justify-content: center; */
  gap: 10px;
  padding: 10px 0px;
  position: relative;
  flex: 0 0 auto;
  margin-top: -3px;
  margin-left: -3px;
  margin-right: -3px;
  border-bottom-width: 3px;
  border-bottom-style: solid;
}

.home .technology {
  position: relative;
  flex: 1;
  font-family: var(--section-header-font-family);
  font-weight: var(--section-header-font-weight);
  color: var(--brightviolet);
  font-size: var(--section-header-font-size);
  letter-spacing: var(--section-header-letter-spacing);
  line-height: var(--section-header-line-height);
  font-style: var(--section-header-font-style);
}

.home .responsibility-wrapper {
  display: inline-flex;
  min-width: 170px;
  border-color: var(--richsulberry);
  /* align-items: center; */
  /* justify-content: center; */
  gap: 10px;
  padding: 10px 0px;
  position: relative;
  flex: 0 0 auto;
  margin-top: -3px;
  margin-left: -3px;
  margin-right: -3px;
  border-bottom-width: 3px;
  border-bottom-style: solid;
}

.home .responsibility {
  position: relative;
  flex: 1;
  font-family: var(--section-header-font-family);
  font-weight: var(--section-header-font-weight);
  color: var(--brightbright);
  font-size: var(--section-header-font-size);
  letter-spacing: var(--section-header-letter-spacing);
  line-height: var(--section-header-line-height);
  font-style: var(--section-header-font-style);
}

.home .icons-2 {
  width: 170px;
  /* align-items: center; */
  display: flex;
  flex-wrap: wrap;
  gap: 10px 10px;
  position: relative;
  flex: 0 0 auto;
}

.home .new-american-funding {
  position: absolute;
  width: 36px;
  height: 20px;
  top: 20px;
  left: 21px;
}

.home .atmos-logo {
  position: absolute;
  width: 27px;
  height: 25px;
  top: 18px;
  left: 25px;
}

.home .union-2 {
  position: absolute;
  width: 57px;
  height: 10px;
  top: 26px;
  left: 10px;
}

.home .a-better-earth-wrapper {
  display: inline-flex;
  min-width: 170px;
  border-color: var(--richbermuda);
  /* align-items: center; */
  /* justify-content: center; */
  gap: 10px;
  padding: 10px 0px;
  position: relative;
  flex: 0 0 auto;
  margin-top: -3px;
  margin-left: -3px;
  margin-right: -3px;
  border-bottom-width: 3px;
  border-bottom-style: solid;
}

.home .a-better-earth {
  position: relative;
  flex: 1;
  font-family: var(--section-header-font-family);
  font-weight: var(--section-header-font-weight);
  color: var(--brightvibrant);
  font-size: var(--section-header-font-size);
  letter-spacing: var(--section-header-letter-spacing);
  line-height: var(--section-header-line-height);
  font-style: var(--section-header-font-style);
}

.home .templat-circle-wrapper {
  position: relative;
  width: 82px;
  height: 62px;
  margin-top: -1px;
  margin-bottom: -1px;
  margin-left: -1px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-color: var(--frame);
}

.home .templat-circle {
  position: relative;
  width: 40px;
  height: 40px;
  top: 10px;
  left: 20px;
  background-color: var(--maingreen);
  border-radius: 20px;
  opacity: 0.3;
}

.home .site-2 {
  position: relative;
  width: 82px;
  height: 62px;
  margin-top: -1px;
  margin-bottom: -1px;
  margin-right: -1px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-color: var(--frame);
}

.home .shop-wrapper {
  display: inline-flex;
  min-width: 170px;
  border-color: var(--richgolden);
  /* align-items: center; */
  /* justify-content: center; */
  gap: 10px;
  padding: 10px 0px;
  position: relative;
  flex: 0 0 auto;
  margin-top: -3px;
  margin-left: -3px;
  margin-right: -3px;
  border-bottom-width: 3px;
  border-bottom-style: solid;
}

.home .shop {
  position: relative;
  flex: 1;
  font-family: var(--section-header-font-family);
  font-weight: var(--section-header-font-weight);
  color: var(--brightshiney);
  font-size: var(--section-header-font-size);
  letter-spacing: var(--section-header-letter-spacing);
  line-height: var(--section-header-line-height);
  font-style: var(--section-header-font-style);
}

.home .amazon-logo {
  position: relative;
  width: 37px;
  height: 34px;
  top: 13px;
  left: 22px;
}

.home .arrow {
  position: absolute;
  width: 37px;
  height: 10px;
  top: 24px;
  left: 0;
}

.home .a {
  position: absolute;
  width: 18px;
  height: 24px;
  top: 0;
  left: 10px;
}

.home .bandh-logo-wrapper {
  position: relative;
  width: 80px;
  height: 60px;
  border-color: var(--frame);
}

.home .bandh-logo {
  position: absolute;
  width: 40px;
  height: 23px;
  top: 19px;
  left: 20px;
}

.home .science-wrapper {
  display: inline-flex;
  min-width: 170px;
  border-color: var(--richfall);
  /* align-items: center; */
  /* justify-content: center; */
  gap: 10px;
  padding: 10px 0px;
  position: relative;
  flex: 0 0 auto;
  margin-top: -3px;
  margin-left: -3px;
  margin-right: -3px;
  border-bottom-width: 3px;
  border-bottom-style: solid;
}

.home .science {
  position: relative;
  flex: 1;
  font-family: var(--section-header-font-family);
  font-weight: var(--section-header-font-weight);
  color: var(--brightvalencia);
  font-size: var(--section-header-font-size);
  letter-spacing: var(--section-header-letter-spacing);
  line-height: var(--section-header-line-height);
  font-style: var(--section-header-font-style);
}

.home .templat-circle-2 {
  background-color: var(--mainorange);
  position: relative;
  width: 40px;
  height: 40px;
  top: 10px;
  left: 20px;
  border-radius: 20px;
  opacity: 0.3;
}

.home .obscure-wrapper {
  display: inline-flex;
  min-width: 170px;
  border-color: var(--richcranberry);
  /* align-items: center; */
  /* justify-content: center; */
  gap: 10px;
  padding: 10px 0px;
  position: relative;
  flex: 0 0 auto;
  margin-top: -3px;
  margin-left: -3px;
  margin-right: -3px;
  border-bottom-width: 3px;
  border-bottom-style: solid;
}

.home .obscure {
  position: relative;
  flex: 1;
  font-family: var(--section-header-font-family);
  font-weight: var(--section-header-font-weight);
  color: var(--brightrose);
  font-size: var(--section-header-font-size);
  letter-spacing: var(--section-header-letter-spacing);
  line-height: var(--section-header-line-height);
  font-style: var(--section-header-font-style);
}

.home .templat-circle-3 {
  background-color: var(--maincurrant);
  position: relative;
  width: 40px;
  height: 40px;
  top: 10px;
  left: 20px;
  border-radius: 20px;
  opacity: 0.3;
}

.home .remember-the-answer {
  position: relative;
  width: fit-content;
  font-family: "Fira Sans", Helvetica;
  font-weight: 200;
  color: var(--brightviolet);
  font-size: 21px;
  line-height: normal;
  white-space: nowrap;
}

.home .text-wrapper-3 {
  letter-spacing: 0;
}

.home .text-wrapper-4 {
  letter-spacing: 0.04px;
}