style.css

.firedroid {
  background-color: #e7e7e7;
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 100%;
}

.firedroid .overlap-wrapper {
  background-color: #e7e7e7;
  overflow: hidden;
  width: 3997px;
  height: 2160px;
}

.firedroid .overlap {
  position: relative;
  width: 4317px;
  height: 3237px;
  top: -335px;
  left: -217px;
}

.firedroid .group {
  position: absolute;
  width: 4317px;
  height: 3237px;
  top: 0;
  left: 0;
}

.firedroid .overlap-group {
  position: relative;
  width: 3997px;
  height: 2160px;
  top: 335px;
  left: 217px;
  background-color: #232323;
  background-image: url(./img/shape.png);
  background-size: 100% 100%;
}

.firedroid .mask-group {
  position: absolute;
  width: 3997px;
  height: 2160px;
  top: 0;
  left: 0;
  mix-blend-mode: soft-light;
}

.firedroid .glow {
  position: absolute;
  width: 1406px;
  height: 1272px;
  top: 1310px;
  left: 1513px;
  background-color: #ff5c16;
  border-radius: 187.31px;
  filter: blur(750px);
}

.firedroid .text-wrapper {
  position: absolute;
  top: 608px;
  left: 929px;
  font-family: "Odudo-SemiBold", Helvetica;
  font-weight: 600;
  color: #fefe37;
  font-size: 650px;
  letter-spacing: -19.5px;
  line-height: normal;
  white-space: nowrap;
}

.firedroid .img {
  position: absolute;
  width: 1666px;
  height: 1303px;
  top: 1192px;
  left: 1383px;
}

.firedroid .maintainer {
  width: 626px;
  top: 2247px;
  left: 410px;
  position: absolute;
  height: 81px;
}

.firedroid .device-info {
  position: absolute;
  width: 233px;
  height: 81px;
  top: 0;
  left: 0;
}

.firedroid .div {
  position: relative;
  width: 231px;
  height: 81px;
  border-radius: 20px;
  backdrop-filter: blur(252.08px) brightness(100%);
  -webkit-backdrop-filter: blur(252.08px) brightness(100%);
  background: linear-gradient(180deg, rgba(223.11, 223.11, 223.11, 0.16) 0%, rgba(194.21, 190.33, 190.33, 0.19) 100%);
}

.firedroid .heroicons-solid {
  position: absolute;
  width: 63px;
  height: 63px;
  top: 9px;
  left: 15px;
}

.firedroid .rectangle {
  position: absolute;
  width: 1px;
  height: 33px;
  top: 24px;
  left: 83px;
  background-color: #ffffff;
  opacity: 0.7;
}

.firedroid .text-wrapper-2 {
  position: absolute;
  top: 23px;
  left: 113px;
  font-family: "Gilroy-MediumItalic-☞", Helvetica;
  font-weight: 400;
  font-style: italic;
  color: #ffffff;
  font-size: 32px;
  letter-spacing: -1.12px;
  line-height: normal;
}

.firedroid .overlap-group-wrapper {
  width: 354px;
  top: 0;
  left: 274px;
  position: absolute;
  height: 81px;
}

.firedroid .overlap-2 {
  position: relative;
  width: 352px;
  height: 81px;
  border-radius: 20px;
  backdrop-filter: blur(252.08px) brightness(100%);
  -webkit-backdrop-filter: blur(252.08px) brightness(100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.16) 0%, rgba(255, 255, 255, 0.19) 100%);
}

.firedroid .gridicons-user {
  position: absolute;
  width: 50px;
  height: 50px;
  top: 15px;
  left: 28px;
}

.firedroid .rectangle-2 {
  position: absolute;
  width: 1px;
  height: 33px;
  top: 24px;
  left: 100px;
  background-color: #ffffff;
  opacity: 0.7;
}

.firedroid .jazzee-blaze {
  position: absolute;
  top: 24px;
  left: 137px;
  font-family: "Gilroy-Medium-☞", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 32px;
  letter-spacing: -1.12px;
  line-height: normal;
}

.firedroid .rectangle-3 {
  position: absolute;
  width: 1514px;
  height: 1430px;
  top: 1270px;
  left: 1459px;
  background-color: #191919;
  border-radius: 146px;
}

.firedroid .frame {
  display: flex;
  width: 323px;
  align-items: center;
  justify-content: center;
  gap: 8.27px;
  padding: 19.84px 57.03px;
  position: absolute;
  top: 2247px;
  left: 3698px;
  background-color: #fefe37;
  border-radius: 168.61px;
}

.firedroid .text-wrapper-3 {
  position: relative;
  width: fit-content;
  margin-top: -0.83px;
  font-family: "Odudo-Regular", Helvetica;
  font-weight: 400;
  color: #161616;
  font-size: 41.3px;
  letter-spacing: -1.24px;
  line-height: 41.3px;
  white-space: nowrap;
}

.firedroid .lock-sb {
  position: absolute;
  width: 1361px;
  height: 49px;
  top: 1341px;
  left: 1543px;
}

.firedroid .text-wrapper-4 {
  position: absolute;
  top: 0;
  left: 0;
  font-family: "Inter", Helvetica;
  font-weight: 600;
  color: #ffffff;
  font-size: 39.5px;
  letter-spacing: 0;
  line-height: normal;
}

.firedroid .overlap-3 {
  position: absolute;
  width: 278px;
  height: 48px;
  top: 1px;
  left: 1083px;
}

.firedroid .group-2 {
  position: absolute;
  width: 278px;
  height: 48px;
  top: 0;
  left: 0;
}

.firedroid .material-symbols {
  position: absolute;
  width: 42px;
  height: 42px;
  top: 0;
  left: 74px;
}

.firedroid .text-wrapper-5 {
  position: absolute;
  top: 0;
  left: 168px;
  font-family: "Inter", Helvetica;
  font-weight: 600;
  color: #ffffff;
  font-size: 39.5px;
  letter-spacing: 0;
  line-height: normal;
}

.firedroid .material-symbols-2 {
  position: absolute;
  width: 42px;
  height: 42px;
  top: 0;
  left: 120px;
}

.firedroid .rectangle-4 {
  position: absolute;
  width: 9px;
  height: 24px;
  top: 16px;
  left: 152px;
  background-color: #191919;
}

.firedroid .text-wrapper-6 {
  top: 12px;
  left: 153px;
  font-family: "Inter", Helvetica;
  font-size: 27.7px;
  letter-spacing: 0;
  white-space: nowrap;
  position: absolute;
  font-weight: 400;
  color: #ffffff;
  line-height: normal;
}

.firedroid .fd-logo {
  position: absolute;
  width: 202px;
  height: 202px;
  top: 484px;
  left: 385px;
  object-fit: cover;
}

.firedroid .pngtreefire-smoke {
  position: absolute;
  width: 1477px;
  height: 1079px;
  top: 1416px;
  left: 1649px;
  object-fit: cover;
}

.firedroid .element {
  position: absolute;
  width: 785px;
  height: 621px;
  top: 1874px;
  left: 1824px;
}

.firedroid .rectangle-5 {
  position: absolute;
  width: 23px;
  height: 405px;
  top: 2048px;
  left: 3036px;
  background-color: #1a1a1a;
  border-radius: 67px;
}

.firedroid .powered-by-android {
  position: absolute;
  top: 511px;
  left: 3025px;
  font-family: "Gilroy-Regular-Regular", Helvetica;
  font-weight: 400;
  color: transparent;
  font-size: 29.7px;
  letter-spacing: -0.89px;
  line-height: 47.6px;
}

.firedroid .span {
  color: #ffffff;
}

.firedroid .text-wrapper-7 {
  font-family: "Gilroy-Light-Regular", Helvetica;
  color: #ffffff;
  font-size: 49.5px;
  letter-spacing: -1.48px;
  line-height: 79.3px;
}

.firedroid .text-wrapper-8 {
  font-family: "Gilroy-Medium-Regular", Helvetica;
  color: #ffffff;
  font-size: 45.5px;
  letter-spacing: -1.37px;
  line-height: 73px;
}

.firedroid .text-wrapper-9 {
  font-family: "Gilroy-Medium-Regular", Helvetica;
  color: #00f29b;
  font-size: 45.5px;
  letter-spacing: -1.37px;
  line-height: 73px;
}

.firedroid .group-wrapper {
  position: absolute;
  width: 448px;
  height: 101px;
  top: 502px;
  left: 3573px;
}

.firedroid .group-3 {
  position: relative;
  height: 101px;
  border-radius: 21.73px;
  backdrop-filter: blur(84.02px) brightness(100%);
  -webkit-backdrop-filter: blur(84.02px) brightness(100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.06) 100%);
}

.firedroid .material-symbols-3 {
  position: absolute;
  width: 46px;
  height: 46px;
  top: 28px;
  left: 51px;
}

.firedroid .ic-outline-bluetooth {
  position: absolute;
  width: 46px;
  height: 46px;
  top: 28px;
  left: 139px;
}

.firedroid .gg-battery {
  position: absolute;
  width: 46px;
  height: 46px;
  top: 28px;
  left: 227px;
}

.firedroid .zondicons-close {
  position: absolute;
  width: 39px;
  height: 39px;
  top: 28px;
  left: 358px;
}

.firedroid .line {
  position: absolute;
  width: 1px;
  height: 46px;
  top: 28px;
  left: 310px;
}

.firedroid .group-4 {
  position: absolute;
  width: 50px;
  height: 227px;
  top: 1302px;
  left: 3970px;
}

.firedroid .overlap-4 {
  position: absolute;
  width: 50px;
  height: 49px;
  top: 89px;
  left: 0;
  border-radius: 25px/24.5px;
}

.firedroid .ellipse {
  position: absolute;
  width: 16px;
  height: 16px;
  top: 17px;
  left: 17px;
  background-color: #ffffff;
  border-radius: 8px;
}

.firedroid .ellipse-2 {
  position: absolute;
  width: 50px;
  height: 49px;
  top: 0;
  left: 0;
  border-radius: 25px/24.5px;
  border: 3px solid;
  border-color: #ffffff;
}

.firedroid .ellipse-3 {
  position: absolute;
  width: 15px;
  height: 15px;
  top: 212px;
  left: 17px;
  background-color: #ffffff80;
  border-radius: 7.5px;
}

.firedroid .ellipse-4 {
  position: absolute;
  width: 15px;
  height: 15px;
  top: 0;
  left: 17px;
  background-color: #ffffff80;
  border-radius: 7.5px;
}

.firedroid .group-5 {
  position: absolute;
  width: 45px;
  height: 156px;
  top: 1337px;
  left: 401px;
}

.firedroid .group-6 {
  position: absolute;
  width: 338px;
  height: 140px;
  top: 1571px;
  left: 1552px;
}

.firedroid .mon-jan-c {
  position: absolute;
  top: 0;
  left: 0;
  font-family: "Albert Sans", Helvetica;
  font-weight: 400;
  color: transparent;
  font-size: 47.1px;
  letter-spacing: -1.41px;
  line-height: 69.6px;
}

.firedroid .text-wrapper-10 {
  font-weight: 600;
  color: #ffdb22;
}

.firedroid .text-wrapper-11 {
  color: #ffdb22;
}

.firedroid .rain-cloud {
  position: absolute;
  width: 60px;
  height: 60px;
  top: 75px;
  left: 276px;
}

.firedroid .div-wrapper {
  position: absolute;
  width: 2515px;
  height: 2265px;
  top: 861px;
  left: 929px;
}

.firedroid .overlap-5 {
  position: relative;
  height: 1634px;
}

.firedroid .batman {
  position: absolute;
  width: 2515px;
  height: 1589px;
  top: 45px;
  left: 0;
  object-fit: cover;
}

.firedroid .pngwing {
  position: absolute;
  width: 1222px;
  height: 964px;
  top: 259px;
  left: 975px;
  object-fit: cover;
}

.firedroid .pngtree-fire-smoke {
  position: absolute;
  width: 1168px;
  height: 1168px;
  top: 0;
  left: 14px;
  object-fit: cover;
}

.firedroid .pngtree-fire-smoke-2 {
  position: absolute;
  width: 1139px;
  height: 643px;
  top: 991px;
  left: 310px;
  object-fit: cover;
}

.firedroid .group-7 {
  position: absolute;
  width: 2214px;
  height: 424px;
  top: 1692px;
  left: 1202px;
}

.firedroid .p {
  top: 0;
  left: 1952px;
  mix-blend-mode: overlay;
  font-family: "Product Sans Medium-Regular", Helvetica;
  font-size: 191.5px;
  position: absolute;
  font-weight: 400;
  color: #ffffff;
  line-height: normal;
}

.firedroid .text-wrapper-12 {
  letter-spacing: -3.83px;
}

.firedroid .text-wrapper-13 {
  letter-spacing: -13.4px;
}

.firedroid .text-wrapper-14 {
  letter-spacing: 0;
}

.firedroid .text-wrapper-15 {
  position: absolute;
  top: 206px;
  left: -157px;
  transform: rotate(-90deg);
  mix-blend-mode: overlay;
  font-family: "Product Sans Medium-Regular", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 50px;
  letter-spacing: 43px;
  line-height: normal;
}

.firedroid .fluent-cursor {
  position: absolute;
  width: 59px;
  height: 59px;
  top: 1995px;
  left: 3786px;
}