html {
  font-size: 62.5%;
  font-family: "Ubuntu";
}

body {
  background-color: #ffffff;
}

body,
p {
  margin: 0;
}

a {
  text-decoration: none;
}

ul {
  list-style: none;
}

.container1H {
  width: 100vw;
  height: 100vh;
}

.centered {
  display: grid;
  place-content: center;
}

/*********************/
#howwework {
  position: relative;
  overflow: hidden;
}
#howwework .title,
#howwework .titleBig {
  font-family: "Lobster Two";
  font-size: 2rem;
  width: calc(100% - 4rem);
  position: absolute;
  top: 10vh;
  padding: 0 2rem;
}
#howwework .titleBig {
  font-size: 21vh;
  rotate: -10deg;
  translate: -50% -50%;
  color: hsl(0, 0%, 95%);
  width: 110vh;
  top: 50%;
  left: 50%;
}
@media only screen and (min-width: 600px) {
  #howwework .title {
    padding: 0 5rem;
    font-size: 3rem;
    width: calc(100% - 10rem);
  }
}
@media only screen and (min-width: 1080px) {
  #howwework .title {
    padding: 0 10rem;
    font-size: 4rem;
    width: calc(100% - 20rem);
  }
}

.howwework .cards-container {
  display: flex;
  flex-direction: row;
  position: relative;
}
.howwework .cards-container :first-child {
  border-radius: 5rem 0 0 5rem;
}
.howwework .cards-container :last-child {
  border-radius: 0 5rem 5rem 0;
}
.howwework .card {
  display: flex;
  flex-direction: column;
  width: 4vw;
  height: 50vh;
  position: relative;
  padding: 3rem;
  overflow: hidden;
  transition: background-color 300ms linear;
}
.howwework .card p {
  display: none;
  font-size: 2rem;
  line-height: 3rem;
  display: none;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: flex-start;
  height: 100%;
}
.howwework .card p span {
  display: inline-block;
  flex: 1 1;
}
.howwework .card h2 {
  position: relative;
  top: 4.5vh;
  transform-origin: center left;
  text-align: left;
  display: inline-block;
  font-size: 2rem;
  opacity: 0.3;
  rotate: 90deg;
  left: 50%;
  text-transform: uppercase;
  margin: 0;
  padding-bottom: 0rem;
}
.howwework .card .card-number {
  position: absolute;
  top: 1.5vh;
  right: 50%;
  text-align: center;
  font-size: 4rem;
  font-weight: bold;
  translate: 50%;
  opacity: 0.3;
}/*# sourceMappingURL=howwework.css.map */