body {
  background-color: var(--red);
}

.wrapper {
  font-family: Oddity;
  color: var(--black);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
}

.logo-1 {
  height: 300px;
  width: 1800px;
  position: relative;
  margin: 105px;
}

.letter-s-1 {
  position: absolute;
  top: -30px;
  left: -16px;
  font-size: 160px;
  line-height: 160px;
  font-variation-settings: "wdth" 180, "wght" 400;
}

.letter-w {
  position: absolute;
  top: -23px;
  left: 326px;
  font-size: 200px;
  line-height: 160px;
  font-variation-settings: "wdth" 140, "wght" 390;
}

.letter-i-1 {
  position: absolute;
  top: 1px;
  left: 710px;
  font-size: 160px;
  line-height: 160px;
  font-variation-settings: "wdth" 180, "wght" 400;
}

.letter-s-2 {
  position: absolute;
  top: 34px;
  left: 860px;
  font-size: 160px;
  line-height: 160px;
  font-variation-settings: "wdth" 180, "wght" 400;
}

.letter-s-3 {
  position: absolute;
  top: 99px;
  left: 600px;
  font-size: 160px;
  line-height: 160px;
  font-variation-settings: "wdth" 180, "wght" 400;
}

.letter-a {
  position: absolute;
  top: 148px;
  left: 940px;
  font-size: 160px;
  line-height: 160px;
  font-variation-settings: "wdth" 180, "wght" 400;
}

.letter-i-2 {
  position: absolute;
  top: 149px;
  left: 1277px;
  font-size: 160px;
  line-height: 160px;
  font-variation-settings: "wdth" 180, "wght" 400;
}

.letter-r {
  position: absolute;
  top: 149px;
  left: 1425px;
  font-size: 160px;
  line-height: 160px;
  font-variation-settings: "wdth" 180, "wght" 400;
}