* {
  box-sizing: border-box;
}

html,
body {
  width: 100%;
  height: 100%;
  min-height: 100%;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
}

body {
  background: #0f161e;
  color: #fff;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
}

button {
  font: inherit;
}

.giveaway {
  width: 100vw;
  height: auto;
  min-height: 100dvh;
  display: grid;
  place-items: start center;
  overflow-x: hidden;
  overflow-y: visible;
  background: #0f161e;
}

.scale-frame {
  position: relative;
  width: 1920px;
  height: 1200px;
  flex: 0 0 auto;
  overflow: visible;
}

.stage {
  position: relative;
  width: 1920px;
  height: 1200px;
  margin: 0;
  overflow: hidden;
  background: #0f161e;
  transform: scale(var(--stage-scale, 1));
  transform-origin: 0 0;
}

.asset {
  position: absolute;
  display: block;
  user-select: none;
  -webkit-user-drag: none;
}

.stadium {
  z-index: 1;
  left: -687px;
  top: -610px;
  width: 3308px;
  height: 1528px;
}

.lightmast {
  z-index: 2;
  left: -15px;
  top: -1133px;
  width: 1937px;
  height: 2342px;
  opacity: 0.46;
}

.stage-dim {
  z-index: 3;
  left: 0;
  top: -39px;
  width: 1997px;
  height: 881px;
  background: rgba(15, 22, 30, 0.38);
  mix-blend-mode: multiply;
}

.field {
  z-index: 4;
  left: -117px;
  top: 127px;
  width: 2164px;
  height: 840px;
  overflow: hidden;
}

.field img {
  display: block;
  width: 2164px;
  height: 1216.3px;
  user-select: none;
  -webkit-user-drag: none;
}

.ground-shadow {
  z-index: 3;
  left: -18px;
  top: 880px;
  width: 1941px;
  height: 76px;
  background: #000;
  filter: blur(45.85px);
  pointer-events: none;
}

.ball {
  z-index: 5;
  left: 405px;
  top: 825px;
  width: 1110px;
  height: 624px;
}

.phone {
  z-index: 8;
}

.phone--samsung {
  left: 276px;
  top: 82.54px;
  width: 292.461px;
  height: 523.992px;
  transform: rotate(-13.957deg);
  transform-origin: 0 0;
}

.phone--iphone {
  left: 1293.3px;
  top: 12px;
  width: 297.346px;
  height: 532.745px;
  transform: rotate(12.169deg);
  transform-origin: 0 0;
}

.phones-tablet {
  display: none;
}

.logo {
  z-index: 14;
  left: 819.006px;
  top: 36.6px;
  width: 282px;
  height: 70px;
}

.headline {
  position: absolute;
  z-index: 14;
  left: 0;
  top: 142px;
  width: 100%;
  margin: 0;
  color: #fff;
  font-size: 40px;
  font-weight: 800;
  line-height: 1.15;
  letter-spacing: 0;
  text-align: center;
  text-transform: uppercase;
}

.promo {
  position: absolute;
  z-index: 12;
  left: 506px;
  top: 201px;
  width: 909px;
  height: 72px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0 126px 0 52px;
  border-radius: 36px;
  background: linear-gradient(90deg, rgba(255, 214, 0, 0.58), rgba(57, 75, 81, 0.42));
  color: #ffdf00;
  font-size: 48px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0;
  text-transform: uppercase;
}

.promo span {
  white-space: nowrap;
}

.gift {
  z-index: 13;
  left: 1295px;
  top: 201px;
  width: 72px;
  height: 72px;
  filter: drop-shadow(0 6px 8px rgba(0, 0, 0, 0.28));
}

.rules {
  position: absolute;
  z-index: 12;
  left: 0;
  top: 291px;
  width: 100%;
  margin: 0;
  color: #f4f6f8;
  font-size: 16px;
  font-weight: 800;
  line-height: 1.35;
  letter-spacing: 0;
  text-align: center;
  text-transform: capitalize;
}

.rules-copy--tablet,
.rules-copy--mobile {
  display: none;
}

.rules-line {
  display: block;
  white-space: nowrap;
}

.device-label {
  position: absolute;
  z-index: 15;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 43.61px;
  border-radius: 12.32px;
  background: #fff;
  color: #2a3544;
  font-size: 17px;
  font-weight: 800;
  line-height: 1;
  text-transform: uppercase;
  box-shadow: 0 0 22px rgba(255, 214, 0, 0.75);
}

.device-label--samsung {
  left: 312px;
  top: 302px;
  width: 237.127px;
}

.device-label--iphone {
  left: 1356px;
  top: 302px;
  width: 222.136px;
}

.meta {
  position: absolute;
  z-index: 13;
  height: 58.225px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  background: #2a3544;
  color: #fff;
  font-size: 34px;
  font-weight: 800;
  line-height: 1;
}

.meta svg {
  width: 29px;
  height: 29px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.meta--time {
  left: 384px;
  top: 390px;
  width: 312.225px;
  border-radius: 4px 8px 8px 54px;
}

.meta--date {
  left: 1224px;
  top: 390px;
  width: 312px;
  border-radius: 8px 4px 54px 8px;
}

.countdown {
  position: absolute;
  z-index: 15;
  left: 756px;
  top: 435px;
  width: 407px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 4px solid #1d87ff;
  border-radius: 14px;
  background: rgba(0, 163, 255, 0.2);
  color: #fff;
  font-size: 57px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0;
  backdrop-filter: blur(10px);
}

.flag {
  position: absolute;
  z-index: 11;
  display: block;
  object-fit: fill;
  box-shadow: none;
}

.flag-shadow {
  z-index: 10;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  filter: blur(10.9px);
  pointer-events: none;
}

.flag-shadow--left {
  left: 346px;
  top: 670px;
  width: 347px;
  height: 46px;
}

.flag-shadow--right {
  left: 1208px;
  top: 670px;
  width: 347px;
  height: 46px;
}

.flag-shadow--center {
  display: none;
}

.flag--left {
  left: 390px;
  top: 472px;
  width: 306px;
  height: 204px;
  border-radius: 73px 14px 73px 14px;
}

.flag--right {
  left: 1224px;
  top: 472px;
  width: 306px;
  height: 204px;
  border-radius: 12px 78px 12px 78px;
}

.versus-img {
  z-index: 16;
  left: 0;
  top: 0;
  width: 1920px;
  height: 1200px;
  filter: drop-shadow(-9px -5px 9px rgba(0, 0, 0, 0.3));
  pointer-events: none;
}

.versus-img--tablet,
.versus-img--mobile {
  display: none;
}

.team-name {
  position: absolute;
  z-index: 15;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 81px;
  border-radius: 8px;
  background: #1d2933;
  color: #fff;
  font-size: 45px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
}

.team-name--left {
  left: 422px;
  top: 713px;
  width: 243px;
}

.team-name--right {
  left: 1232px;
  top: 713px;
  width: 290px;
}

.odds {
  position: absolute;
  z-index: 15;
  left: 0;
  top: 0;
}

.odd {
  position: absolute;
  height: 61.19px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 0 20px;
  border: 0;
  border-radius: 8px;
  background: #1d2933;
  color: #fff;
  cursor: pointer;
}

.odd span {
  font-size: 17px;
  font-weight: 800;
  line-height: 1;
  text-align: left;
  text-transform: uppercase;
  white-space: nowrap;
}

.odd strong {
  font-size: 30px;
  font-weight: 800;
  line-height: 1;
}

.odd--left {
  left: 512.4px;
  top: 841.4px;
  width: 286.39px;
}

.odd--draw {
  left: 816.801px;
  top: 841.4px;
  width: 286.39px;
}

.odd--right {
  left: 1121.2px;
  top: 841.4px;
  width: 286.39px;
}

.cta {
  position: absolute;
  z-index: 18;
  left: 709px;
  top: 927.303px;
  width: 502.727px;
  height: 108.698px;
  border: 0;
  border-radius: 54.349px;
  background: linear-gradient(180deg, #ffd600 0%, #ffc400 100%);
  color: #18232c;
  cursor: pointer;
  font-size: 42px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0;
  text-align: center;
  text-transform: uppercase;
  box-shadow: 0 6px 18px rgba(255, 214, 0, 0.38);
}

.cta:focus-visible,
.odd:focus-visible {
  outline: 3px solid #fff;
  outline-offset: 4px;
}

.footer-gradient {
  position: absolute;
  z-index: 17;
  left: 0;
  top: 1010px;
  width: 1921px;
  height: 192px;
  background: linear-gradient(
    180deg,
    rgba(15, 22, 30, 0) 0%,
    rgba(15, 22, 30, 0.18) 22%,
    rgba(15, 22, 30, 0.58) 52%,
    rgba(15, 22, 30, 0.86) 76%,
    #0f161e 100%
  );
  pointer-events: none;
}

.legal {
  position: absolute;
  z-index: 19;
  left: 0;
  top: 1087px;
  width: 100%;
  margin: 0;
  color: rgba(255, 255, 255, 0.86);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.35;
  letter-spacing: 0;
  text-align: center;
}

.legal span {
  display: block;
}

.legal .legal-copy--tablet,
.legal .legal-copy--mobile {
  display: none;
}

.legal-line {
  white-space: nowrap;
}

.confetti {
  position: absolute;
  inset: 0;
  z-index: 10;
  pointer-events: none;
}

.confetti i {
  position: absolute;
  display: block;
  background: #ffd600;
  opacity: 0.82;
}

.confetti i:nth-child(1) { left: 59px; top: 39px; width: 40px; height: 8px; transform: rotate(-10deg); }
.confetti i:nth-child(2) { left: 150px; top: 75px; width: 36px; height: 7px; transform: rotate(-35deg); }
.confetti i:nth-child(3) { left: 231px; top: 116px; width: 32px; height: 10px; transform: rotate(30deg); }
.confetti i:nth-child(4) { left: 236px; top: 235px; width: 7px; height: 22px; transform: rotate(-15deg); }
.confetti i:nth-child(5) { left: 61px; top: 435px; width: 42px; height: 9px; transform: rotate(27deg); }
.confetti i:nth-child(6) { left: 282px; top: 384px; width: 4px; height: 32px; transform: rotate(28deg); }
.confetti i:nth-child(7) { left: 165px; top: 652px; width: 9px; height: 22px; transform: rotate(28deg); }
.confetti i:nth-child(8) { left: 306px; top: 44px; width: 22px; height: 14px; transform: rotate(-34deg); }
.confetti i:nth-child(9) { left: 1598px; top: 95px; width: 38px; height: 9px; transform: rotate(12deg); }
.confetti i:nth-child(10) { left: 1727px; top: 343px; width: 8px; height: 34px; transform: rotate(19deg); }
.confetti i:nth-child(11) { left: 1798px; top: 405px; width: 9px; height: 36px; transform: rotate(50deg); }
.confetti i:nth-child(12) { left: 1848px; top: 42px; width: 5px; height: 37px; transform: rotate(-113deg); }
.confetti i:nth-child(13) { left: 1695px; top: 515px; width: 25px; height: 8px; transform: rotate(31deg); }
.confetti i:nth-child(14) { left: 1882px; top: 560px; width: 20px; height: 17px; transform: rotate(-162deg); }
.confetti i:nth-child(15) { left: 1645px; top: 232px; width: 6px; height: 35px; transform: rotate(145deg); }
.confetti i:nth-child(16) { left: 1817px; top: 647px; width: 19px; height: 13px; transform: rotate(-43deg); }
.confetti i:nth-child(17) { left: 82px; top: 102px; width: 8px; height: 8px; border-radius: 50%; }
.confetti i:nth-child(18) { left: 144px; top: 344px; width: 11px; height: 11px; border-radius: 50%; }
.confetti i:nth-child(19) { left: 274px; top: 525px; width: 11px; height: 11px; border-radius: 50%; }
.confetti i:nth-child(20) { left: 1737px; top: 247px; width: 12px; height: 12px; border-radius: 50%; }
.confetti i:nth-child(21) { left: 1845px; top: 525px; width: 14px; height: 14px; border-radius: 50%; }
.confetti i:nth-child(22) { left: 1610px; top: 12px; width: 5px; height: 24px; transform: rotate(-21deg); }
.confetti i:nth-child(23) { left: 48px; top: 647px; width: 19px; height: 13px; transform: rotate(-43deg); }
.confetti i:nth-child(24) { left: 1830px; top: 435px; width: 8px; height: 40px; transform: rotate(-63deg); }

@media (max-width: 1024px) {
  .stage {
    width: 768px;
    height: 1183px;
  }

  .stadium {
    left: -1270px;
    top: -609px;
    width: 3308px;
    height: 1528px;
  }

  .lightmast {
    left: -598px;
    top: -1132px;
    width: 1937px;
    height: 2342px;
    opacity: 0.78;
  }

  .stage-dim {
    left: -580px;
    top: 1px;
    width: 1920px;
    height: 918px;
  }

  .field {
    left: -705px;
    top: 179px;
    width: 2164px;
    height: 869px;
  }

  .field img {
    width: 2164px;
    height: 1216.1px;
  }

  .ground-shadow {
    left: -601px;
    top: 881px;
    width: 1941px;
    height: 76px;
  }

  .ball {
    left: -95px;
    top: 882px;
    width: 950px;
    height: 534px;
  }

  .phone {
    display: none;
  }

  .phones-tablet {
    z-index: 8;
    display: block;
    left: 146px;
    top: 130px;
    width: 461px;
    height: 532.33px;
  }

  .logo {
    left: 262.006px;
    top: 42.6px;
    width: 244px;
    height: 61px;
  }

  .headline {
    top: 123px;
    font-size: 38px;
  }

  .promo {
    left: 89px;
    top: 164px;
    width: 575.698px;
    height: 75.857px;
    border-radius: 21.673px;
    justify-content: flex-start;
    padding: 0 0 0 18px;
    font-size: 30px;
		color: white;
  }

  .gift {
    left: 572.693px;
    top: 164px;
    width: 75.857px;
    height: 75.857px;
  }

  .rules {
    left: 0;
    top: 785px;
    width: 100%;
    font-size: 17px;
    line-height: 1.42;
  }

  .rules-copy--desktop {
    display: none;
  }

  .rules-copy--tablet {
    display: block;
  }

  .device-label {
    height: 30.293px;
    border-radius: 8.555px;
    font-size: 12px;
  }

  .device-label--samsung {
    left: 108px;
    top: 316px;
    width: 177px;
  }

  .device-label--iphone {
    left: 506px;
    top: 339px;
    width: 154.306px;
  }

  .meta {
    height: 33.229px;
    gap: 12px;
    font-size: 22px;
  }

  .meta svg {
    width: 18px;
    height: 18px;
    stroke-width: 2.6;
  }

  .meta--time {
    left: 99.106px;
    top: 421px;
    width: 250.292px;
    border-radius: 3px 5px 5px 31px;
  }

  .meta--date {
    left: 420.904px;
    top: 422.745px;
    width: 245.059px;
    height: 31.959px;
    border-radius: 5px 3px 31px 5px;
  }

  .countdown {
    display: none;
  }

  .flag--left {
    left: 104.695px;
    top: 466.24px;
    width: 244.467px;
    height: 162.978px;
    border-radius: 58px 12px 58px 12px;
  }

  .flag--right {
    left: 421.064px;
    top: 466.24px;
    width: 244.468px;
    height: 162.978px;
    border-radius: 10px 62px 10px 62px;
  }

  .flag-shadow--left,
  .flag-shadow--right {
    display: none;
  }

  .flag-shadow--center {
    display: block;
    left: 12px;
    top: 739px;
    width: 730px;
    height: 76px;
    background: rgba(0, 0, 0, 0.78);
    filter: blur(23.7px);
  }

  .versus-img--desktop {
    display: none;
  }

  .versus-img--tablet {
    display: block;
    width: 768px;
    height: 1183px;
    filter: drop-shadow(-8.459px -5.075px 4.737px rgba(0, 0, 0, 0.3));
  }

  .team-name {
    height: 48.495px;
    border-radius: 4.792px;
    font-size: 29px;
  }

  .team-name--left {
    left: 153.6px;
    top: 639.242px;
    width: 146.611px;
  }

  .team-name--right {
    left: 448.3px;
    top: 639.242px;
    width: 190px;
  }

  .odd {
    height: 48.278px;
    border-radius: 6.312px;
    padding: 0 16px;
  }

  .odd span {
    font-size: 16px;
    line-height: 1.02;
    white-space: normal;
  }

  .odd strong {
    font-size: 25px;
  }

  .odd--left {
    left: 94.725px;
    top: 698.657px;
    width: 206.852px;
  }

  .odd--draw {
    left: 307.896px;
    top: 698.657px;
    width: 141.428px;
  }

  .odd--right {
    left: 455.625px;
    top: 698.657px;
    width: 206.852px;
  }

  .cta {
    left: 128px;
    top: 881px;
    width: 502.727px;
    height: 108.698px;
    border-radius: 54.349px;
    font-size: 42px;
  }

  .footer-gradient {
    top: 985px;
    width: 768px;
    height: 198px;
  }

  .legal {
    top: 1039px;
    width: 768px;
    font-size: 18px;
    line-height: 1.32;
  }

  .legal .legal-copy--desktop {
    display: none;
  }

  .legal .legal-copy--tablet {
    display: block;
  }

  .confetti i:nth-child(n) {
    transform: scale(0.64);
    transform-origin: 0 0;
  }

  .confetti i:nth-child(9) { left: 692px; top: 28px; }
  .confetti i:nth-child(10) { left: 766px; top: 136px; }
  .confetti i:nth-child(11) { left: 718px; top: 350px; }
  .confetti i:nth-child(12) { left: 751px; top: 23px; }
  .confetti i:nth-child(13) { left: 737px; top: 230px; }
  .confetti i:nth-child(14) { left: 764px; top: 436px; }
  .confetti i:nth-child(15) { left: 710px; top: 69px; }
  .confetti i:nth-child(16) { left: 695px; top: 302px; }
}

@media (max-width: 600px) {
  .giveaway {
    justify-items: start;
  }

  .stage {
    width: 390px;
    height: 780px;
  }

  .stadium {
    left: -900px;
    top: -408.585px;
    width: 2197.42px;
    height: 1015.01px;
  }

  .lightmast {
    left: -453.607px;
    top: -756px;
    width: 1286.7px;
    height: 1555.73px;
    opacity: 0.78;
  }

  .stage-dim {
    left: -441.65px;
    top: -3.377px;
    width: 1275.41px;
    height: 609.804px;
  }

  .field {
    left: -486px;
    top: 133px;
    width: 1359px;
    height: 546px;
  }

  .field img {
    width: 1359px;
    height: 764.2px;
  }

  .ground-shadow {
    left: -455.6px;
    top: 581.184px;
    width: 1289.36px;
    height: 50.485px;
  }

  .ball {
    left: -119.477px;
    top: 573px;
    width: 631.061px;
    height: 354.722px;
  }

  .phone {
    display: block;
  }

  .phones-tablet {
    display: none;
  }

  .phone--samsung {
    left: -4px;
    top: 116.443px;
    width: 171.825px;
    height: 307.853px;
    transform: rotate(-13.957deg);
  }

  .phone--iphone {
    left: 228.613px;
    top: 63px;
    width: 187px;
    height: 335px;
    transform: rotate(12.169deg);
  }

  .logo {
    left: 121.006px;
    top: 25.192px;
    width: 148px;
    height: 36.815px;
  }

  .headline {
    left: 20px;
    top: 79px;
    width: 350px;
    font-size: 24px;
    line-height: 1.12;
    transform: none;
    white-space: nowrap;
  }

  .promo {
    left: 18px;
    top: 109px;
    width: 362px;
    height: 47.699px;
    border-radius: 13.628px;
    justify-content: flex-start;
    padding: 0 0 0 11px;
    font-size: 18px;
  }

  .promo span {
    transform: none;
    transform-origin: left center;
  }

  .gift {
    left: 322.41px;
    top: 109px;
    width: 47.699px;
    height: 47.699px;
  }

  .rules {
    left: 0;
    top: 510px;
    width: 390px;
    font-size: 14px;
    line-height: 1.45;
  }

	.rules-line {
		line-height: 110%;
	}

  .rules-copy--tablet {
    display: none;
  }

  .rules-copy--mobile {
    display: block;
  }

  .device-label {
    height: 24.147px;
    border-radius: 6.819px;
    font-size: 10px;
    white-space: nowrap;
  }

  .device-label--samsung {
    left: 26px;
    top: 223px;
    width: 131.301px;
  }

  .device-label--iphone {
    left: 236px;
    top: 246px;
    width: 123px;
  }

  .meta {
    height: 19.641px;
    gap: 8px;
    font-size: 15px;
  }

  .meta svg {
    width: 12px;
    height: 12px;
    stroke-width: 2.8;
  }

  .meta--time {
    left: 29.609px;
    top: 298px;
    width: 147.944px;
    border-radius: 2px 3px 3px 18px;
  }

  .meta--date {
    left: 219.82px;
    top: 299.031px;
    width: 144.851px;
    height: 18.891px;
    border-radius: 3px 2px 18px 3px;
  }

  .flag--left {
    left: 32.914px;
    top: 324.741px;
    width: 144.501px;
    height: 96.334px;
    border-radius: 35px 7px 35px 7px;
  }

  .flag--right {
    left: 219.916px;
    top: 324.741px;
    width: 144.501px;
    height: 96.334px;
    border-radius: 6px 37px 6px 37px;
  }

  .flag-shadow--center {
    left: 6px;
    top: 497px;
    width: 379px;
    height: 37px;
    background: rgba(0, 0, 0, 0.78);
    filter: blur(23.7px);
  }

  .versus-img--tablet {
    display: none;
  }

  .versus-img--mobile {
    display: block;
    width: 390px;
    height: 780px;
    filter: drop-shadow(-5px -3px 2.8px rgba(0, 0, 0, 0.3));
  }

  .team-name {
    height: 28.665px;
    border-radius: 2.832px;
    font-size: 19px;
  }

  .team-name--left {
    left: 61.83px;
    top: 427px;
    width: 86.66px;
  }

  .team-name--right {
    left: 236.2px;
    top: 427px;
    width: 112px;
  }

  .odd {
    height: 28.536px;
    border-radius: 3.731px;
    gap: 7px;
    padding: 0 9px;
  }

  .odd span {
    font-size: 11px;
    line-height: 1.08;
  }

  .odd strong {
    font-size: 16px;
  }

  .odd--left {
    left: 27.022px;
    top: 462.119px;
    width: 122.267px;
  }

  .odd--draw {
    left: 153.021px;
    top: 462.119px;
    width: 83.596px;
  }

  .odd--right {
    left: 240.342px;
    top: 462.119px;
    width: 122.267px;
  }

  .cta {
    left: 29px;
    top: 590px;
    width: 333px;
    height: 72px;
    border-radius: 36px;
    font-size: 34px;
  }

  .footer-gradient {
    top: 650px;
    width: 390px;
    height: 130px;
  }

  .legal {
    top: 692px;
    width: 390px;
    padding: 0;
    font-size: 13px;
    line-height: 1.22;
  }

  .legal .legal-copy--tablet {
    display: none;
  }

  .legal .legal-copy--mobile {
    display: block;
  }

  .confetti i:nth-child(n) {
    transform: scale(0.48);
    transform-origin: 0 0;
  }

  .confetti i:nth-child(1) { left: 31px; top: 43px; }
  .confetti i:nth-child(2) { left: 55px; top: 108px; }
  .confetti i:nth-child(3) { left: 89px; top: 237px; }
  .confetti i:nth-child(4) { left: 37px; top: 250px; }
  .confetti i:nth-child(5) { left: 18px; top: 366px; }
  .confetti i:nth-child(6) { left: 72px; top: 198px; }
  .confetti i:nth-child(7) { left: 54px; top: 435px; }
  .confetti i:nth-child(8) { left: 35px; top: -8px; }
  .confetti i:nth-child(9) { left: 336px; top: 46px; }
  .confetti i:nth-child(10) { left: 409px; top: 154px; }
  .confetti i:nth-child(11) { left: 362px; top: 368px; }
  .confetti i:nth-child(12) { left: 395px; top: 41px; }
  .confetti i:nth-child(13) { left: 380px; top: 248px; }
  .confetti i:nth-child(14) { left: 390px; top: 373px; }
  .confetti i:nth-child(15) { left: 354px; top: 87px; }
  .confetti i:nth-child(16) { left: 338px; top: 320px; }
  .confetti i:nth-child(n+17) {
    display: none;
  }
}