@keyframes pulsing {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInTop {
  0% {
    opacity: 0;
    top: -5rem;
  }
  100% {
    opacity: 1;
    top: 0;
  }
}
@keyframes fadeInGrow {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.9);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }
}
@keyframes fadeInTop20 {
  0% {
    opacity: 0;
    top: -2rem;
  }
  100% {
    opacity: 1;
    top: 0;
  }
}
@keyframes fadeInBottom {
  0% {
    opacity: 0;
    bottom: -5rem;
  }
  100% {
    opacity: 1;
    bottom: 0;
  }
}
@keyframes grow {
  0% {
    transform: translate(-50%, -50%) scale(0);
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
  }
}
@keyframes reveal {
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes wiggle {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(-1deg);
  }
  75% {
    transform: rotate(1deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
/*
xs:     0 - 576px
sm:     576 - 768px
md:     768 - 992px
lg:     992 - 1200px
xl:     1200 - 1400px
xxl:    1400+
xxxl:   1600+
*/
*,
*:after,
*:before {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  transition: all 300ms;
}

html {
  font-size: 62.5%;
  scroll-behavior: smooth;
}

body {
  font-family: "VHS Glitch 2 Regular", system-ui, -apple-system, "Segoe UI", sans-serif;
  overflow-x: hidden;
}

.clear:before,
.clear:after {
  content: " ";
  display: table;
}

.clear:after {
  clear: both;
}

img {
  max-width: 100%;
  vertical-align: bottom;
}

a {
  color: white;
  text-decoration: none;
  transition: all 400ms;
  font-size: 1.6rem;
  font-family: "VHS Glitch 2 Regular", system-ui, -apple-system, "Segoe UI", sans-serif;
}

a:focus {
  outline: 0;
}

a:hover,
a:active {
  outline: 0;
}

a {
  display: inline-block;
  transform-origin: center center;
}

a img {
  display: block;
  transition: transform 300ms ease, filter 300ms ease;
  transform-origin: center center;
}

a:hover img {
  transform: scale(1.02);
  filter: brightness(1.1);
}

input:focus {
  outline: 0;
  border: 1px solid #04A4CC;
}

button {
  transition: all 400ms;
  font-family: "VHS Glitch 2 Regular", system-ui, -apple-system, "Segoe UI", sans-serif;
}

p, strong {
  font-size: 1.6rem;
  line-height: 1.4;
}

/*------------------------------------*\
    MISC
\*------------------------------------*/
::selection {
  background: #4CA8E9;
  color: hsl(240, 9%, 6%);
  text-shadow: none;
}

::-webkit-selection {
  background: #4CA8E9;
  color: hsl(240, 9%, 6%);
  text-shadow: none;
}

::-moz-selection {
  background: #4CA8E9;
  color: hsl(240, 9%, 6%);
  text-shadow: none;
}

::placeholder {
  color: #4CA8E9;
}

::-moz-placeholder {
  color: #4CA8E9;
}

::-webkit-input-placeholder {
  color: #4CA8E9;
}

/* Paddings */
.p-0 {
  padding: 0;
}

.py-1 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.py-2 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.py-3 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.pt-1 {
  padding-top: 1rem;
}

.pt-2 {
  padding-top: 2rem;
}

.pt-3 {
  padding-top: 3rem !important;
}

.pt-4 {
  padding-top: 4rem !important;
}

.pt-5 {
  padding-top: 5rem !important;
}

.pt-6 {
  padding-top: 6rem !important;
}

.pt-7 {
  padding-top: 7rem !important;
}

.pt-11 {
  padding-top: 11rem;
}

.pt-12 {
  padding-top: 12rem;
}

.pt-8 {
  padding-top: 8rem;
}

@media (max-width: 48em) {
  .pt-sm-0 {
    padding-top: 0 !important;
  }
  .pt-sm-1 {
    padding-top: 1rem !important;
  }
  .pt-sm-2 {
    padding-top: 2rem !important;
  }
  .pt-sm-3 {
    padding-top: 3rem !important;
  }
  .pt-sm-4 {
    padding-top: 4rem !important;
  }
  .pt-sm-5 {
    padding-top: 5rem !important;
  }
  .pt-sm-6 {
    padding-top: 6rem;
  }
}
.pl-0 {
  padding-left: 0;
}

.pl-4 {
  padding-left: 4rem;
}

.pl-5 {
  padding-left: 5rem;
}

.pl-6 {
  padding-left: 6rem;
}

.pl-7 {
  padding-left: 7rem;
}

.pl-8 {
  padding-left: 8rem;
}

@media (max-width: 48em) {
  .pl-sm-0 {
    padding-left: 0;
  }
  .pl-sm-1 {
    padding-left: 1rem;
  }
  .pl-sm-2 {
    padding-left: 2rem;
  }
  .pl-sm-3 {
    padding-left: 3rem;
  }
  .pl-sm-4 {
    padding-left: 4rem;
  }
  .pl-sm-5 {
    padding-left: 5rem;
  }
  .pl-sm-6 {
    padding-left: 6rem;
  }
}
.pr-0 {
  padding-right: 0;
}

.pr-4 {
  padding-right: 4rem;
}

.pr-5 {
  padding-right: 5rem;
}

.pr-6 {
  padding-right: 6rem;
}

.pr-7 {
  padding-right: 7rem;
}

.pr-8 {
  padding-right: 8rem;
}

@media (max-width: 48em) {
  .pr-sm-0 {
    padding-right: 0;
  }
  .pr-sm-1 {
    padding-right: 1rem;
  }
  .pr-sm-2 {
    padding-right: 2rem;
  }
  .pr-sm-3 {
    padding-right: 3rem;
  }
  .pr-sm-4 {
    padding-right: 4rem;
  }
}
.pb-3 {
  padding-bottom: 3rem;
}

.pb-4 {
  padding-bottom: 4rem;
}

.pb-5 {
  padding-bottom: 5rem;
}

.pb-6 {
  padding-bottom: 6rem;
}

.pb-7 {
  padding-bottom: 7rem;
}

.pb-8 {
  padding-bottom: 8rem;
}

.pb-11 {
  padding-bottom: 11rem;
}

.pb-12 {
  padding-bottom: 12rem;
}

@media (max-width: 48em) {
  .pb-sm-0 {
    padding-bottom: 0;
  }
  .pb-sm-1 {
    padding-bottom: 1rem;
  }
  .pb-sm-2 {
    padding-bottom: 2rem;
  }
  .pb-sm-3 {
    padding-bottom: 3rem;
  }
  .pb-sm-4 {
    padding-bottom: 4rem;
  }
  .pb-sm-5 {
    padding-bottom: 5rem;
  }
  .pb-sm-6 {
    padding-bottom: 6rem;
  }
}
/* Margins */
.m-auto {
  margin: auto !important;
}

.m-0 {
  margin: 0 !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mt-1 {
  margin-top: 1rem;
}

.mt-2 {
  margin-top: 2rem;
}

.mt-3 {
  margin-top: 3rem;
}

.mt-4 {
  margin-top: 4rem;
}

.mt-5 {
  margin-top: 5rem;
}

.mt-10 {
  margin-top: 10rem;
}

@media (max-width: 36em) {
  .mt-xs-0 {
    margin-top: 0;
  }
  .mt-xs-1 {
    margin-top: 1rem;
  }
  .mt-xs-2 {
    margin-top: 2rem;
  }
  .mt-xs-3 {
    margin-top: 3rem;
  }
  .mt-xs-4 {
    margin-top: 4rem;
  }
}
.mr-0 {
  margin-right: 0 !important;
}

.mr-1 {
  margin-right: 1rem !important;
}

.mr-2 {
  margin-right: 2rem !important;
}

.mr-3 {
  margin-right: 3rem !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-1 {
  margin-bottom: 1rem !important;
}

.mb-2 {
  margin-bottom: 2rem !important;
}

.mb-3 {
  margin-bottom: 3rem !important;
}

.mb-4 {
  margin-bottom: 4rem !important;
}

.mb-5 {
  margin-bottom: 5rem !important;
}

.mb-6 {
  margin-bottom: 6rem !important;
}

.mb-7 {
  margin-bottom: 7rem !important;
}

@media (max-width: 36em) {
  .mb-xs-0 {
    margin-bottom: 0;
  }
  .mb-xs-1 {
    margin-bottom: 1rem;
  }
  .mb-xs-2 {
    margin-bottom: 2rem;
  }
}
.ml-0 {
  margin-left: 0 !important;
}

.ml-1 {
  margin-left: 1 !important;
}

.ml-2 {
  margin-left: 2 !important;
}

.ml-3 {
  margin-left: 3 !important;
}

/* === Core webfonts === */
/* Thinker */
@font-face {
  font-family: "Thinker";
  src: url("../assets/fonts/thinker/Thinker.woff2") format("woff2"), url("../assets/fonts/thinker/Thinker.ttf") format("truetype");
}
/* VHS Family */
@font-face {
  font-family: "VHS Glitch 2 Regular";
  src: url("../assets/fonts/VHS Glitch 2/VHSGlitch2-Regular.ttf") format("truetype"), url("../assets/fonts/VHS Glitch 2/VHSGlitch2-Regular.otf") format("opentype");
}
@font-face {
  font-family: "VHS Glitch 2 Upper";
  src: url("../assets/fonts/VHS Glitch 2/VHSGlitch2-Upper.ttf") format("truetype"), url("../assets/fonts/VHS Glitch 2/VHSGlitch2-Upper.otf") format("opentype");
}
@font-face {
  font-family: "VHS Glitch 2 Lower";
  src: url("../assets/fonts/VHS Glitch 2/VHSGlitch2-Lower.ttf") format("truetype"), url("../assets/fonts/VHS Glitch 2/VHSGlitch2-Lower.otf") format("opentype");
}
@font-face {
  font-family: "VHS Glitch 2 Bits";
  src: url("../assets/fonts/VHS Glitch 2/VHSGlitch2-Bits.ttf") format("truetype"), url("../assets/fonts/VHS Glitch 2/VHSGlitch2-Bits.otf") format("opentype");
}
@font-face {
  font-family: "VHS Glitch 2 Wave";
  src: url("../assets/fonts/VHS Glitch 2/VHSGlitch2-Wave.ttf") format("truetype"), url("../assets/fonts/VHS Glitch 2/VHSGlitch2-Wave.otf") format("opentype");
}
/* Manic Family */
@font-face {
  font-family: "Manic";
  src: url("../assets/fonts/manic/manic-regular.woff2") format("woff2"), url("../assets/fonts/manic/manic-regular.otf") format("opentype");
}
@font-face {
  font-family: "Manic Alt 1";
  src: url("../assets/fonts/manic/manic-alt1.woff2") format("woff2"), url("../assets/fonts/manic/manic-alt1.otf") format("opentype");
}
@font-face {
  font-family: "Manic Alt 2";
  src: url("../assets/fonts/manic/manic-alt2.woff2") format("woff2"), url("../assets/fonts/manic/manic-alt2.otf") format("opentype");
}
@font-face {
  font-family: "Manic Alt 3";
  src: url("../assets/fonts/manic/manic-alt3.woff2") format("woff2"), url("../assets/fonts/manic/manic-alt3.otf") format("opentype");
}
/* Text Utilities */
.is-uppercase {
  text-transform: uppercase;
}

.small {
  font-size: 1.1rem;
}
@media (max-width: 36em) {
  .small {
    font-size: 0.8rem;
  }
}

/* Reset form controls */
input,
select,
textarea {
  font-size: initial;
}

/* Containers */
.container,
.container-fluid,
.container-xxxl,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm,
.container-xs,
.container-xxs {
  margin-left: auto;
  margin-right: auto;
  padding: 0 1.5rem;
}

.container-xxl {
  max-width: 1600px;
}

.container-xl {
  max-width: 1439px;
}

.container-lg {
  max-width: 1200px;
}

.container-md {
  max-width: 992px;
}

.container-sm {
  max-width: 768px;
}

.container-xs {
  max-width: 576px;
}

/* Positions */
.position-absolute {
  position: absolute;
}

.position-relative {
  position: relative;
}

.position-fixed {
  position: fixed;
}

/* Text alignment */
.txt-align-center {
  text-align: center;
}

.txt-align-left {
  text-align: left;
}

.txt-align-right {
  text-align: right;
}

/* Heights */
.h-100 {
  height: 100%;
}

/* Widths */
.w-100 {
  width: 100%;
}

.w-70 {
  width: 70%;
}

.w-40 {
  width: 40%;
}

@media (max-width: 36em) {
  .w-xs-80 {
    width: 80%;
  }
}

/* Overflow */
.of-h {
  overflow: hidden;
}

/* Display */
.display-none, .d-n {
  display: none !important;
}

.display-flex, .d-flex, .d-f {
  display: flex !important;
}

.display-grid, .d-g {
  display: grid !important;
}

.display-block, .d-b {
  display: block !important;
}

@media (max-width: 36em) {
  .d-xs-b {
    display: block !important;
  }
}

.display-inline-block, .d-ib {
  display: inline-block;
}

/* Flex Justify */
.justify-space-between, .jc-sb {
  justify-content: space-between;
}

.justify-space-evenly, .jc-se {
  justify-content: space-evenly;
}

.fd-c {
  flex-direction: column;
}

@media (max-width: 36em) {
  .fd-xs-c {
    flex-direction: column;
  }
}

/* Flex Align */
.align-items-center, .ai-c {
  align-items: center;
}

/* Flex */
.flex-1 {
  flex: 1;
}

/* Letter Spacing */
.ls-1 {
  letter-spacing: 1px;
}

/* Stick */
.stick {
  position: fixed;
  top: 0px;
}

/* Disabled text */
.txt-disabled {
  pointer-events: none;
  opacity: 0.5;
}

body.desktop {
  background-color: #0d161d;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  width: 100%;
  margin: 0;
  position: relative;
  height: 100vh;
  height: 100svh;
  overflow: initial;
}
body.desktop iframe {
  background-color: rgba(132, 132, 132, 0.2352941176);
  cursor: pointer;
}
body.desktop .audio-img {
  cursor: pointer;
  user-select: none;
  display: flex;
  height: auto;
  width: auto;
  object-fit: contain;
}
body.desktop .audio-img:hover {
  scale: 1.02;
  filter: brightness(1.1);
}
body.desktop .audio-img.is-playing {
  scale: 1.02;
  filter: brightness(1.1);
}
body.desktop img {
  max-width: initial;
}
body.desktop > .rail {
  width: 21456.204px;
  height: 847px;
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: row;
  overflow-y: hidden;
  width: 2533.2vh;
}
body.desktop .pusher {
  width: 1px;
  height: 1px;
  background-color: #0d161d;
  position: absolute;
  top: 0;
  left: 2990.7910271547vh;
}
@media (max-width: 36em) {
  body.desktop .pusher {
    left: 3673vh;
  }
}
body.desktop img.open-modal {
  cursor: pointer;
}
body.desktop img.open-modal:hover {
  scale: 1.02;
  filter: brightness(1.1);
}
body.desktop .special-message {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 860px;
  height: 537px;
  width: 94.5054945055vh;
  height: 59.010989011vh;
  width: 160.6593406593vh;
  height: 100.3186813187vh;
  top: -36vh;
  left: -50.5vh;
  z-index: 1;
}
@media (max-width: 36em) {
  body.desktop .special-message {
    display: none;
  }
}
body.desktop .special-message-mobile {
  display: none;
}
@media (max-width: 36em) {
  body.desktop .special-message-mobile {
    display: flex;
    position: absolute;
    object-fit: cover;
    pointer-events: none;
    width: 860px;
    height: 599px;
    width: 91.1452184179vh;
    height: 59.010989011vh;
    width: 91.1452184179vh;
    height: 70.720188902vh;
    top: -3vh;
    left: -8.5vh;
  }
}
body.desktop .izzymacarthur {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 860px;
  height: 156px;
  width: 113.7vh;
  height: 20.6vh;
  width: 80.3296703297vh;
  height: 14.5714285714vh;
  top: 21vh;
  left: 8vh;
  z-index: 2;
  transform: scale(1);
  transform-origin: center;
}
@media (max-width: 36em) {
  body.desktop .izzymacarthur {
    display: none;
  }
}
body.desktop .izzymacarthur-mobile {
  display: none;
}
@media (max-width: 36em) {
  body.desktop .izzymacarthur-mobile {
    display: flex;
    position: absolute;
    object-fit: cover;
    pointer-events: none;
    width: 752px;
    height: 200px;
    width: 88.7839433294vh;
    height: 23.6127508855vh;
    width: 35.5135773318vh;
    height: 9.4451003542vh;
    top: 22vh;
    left: 6vh;
    z-index: 2;
  }
}
body.desktop .social {
  z-index: 5;
}
body.desktop .glitter-truck {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 800px;
  height: 150px;
  width: 107.12vh;
  height: 20.27vh;
  width: 107.12vh;
  height: 20.27vh;
  top: 35.5vh;
  left: -24vh;
  z-index: auto;
  transform: rotate(0deg);
  transform-origin: center;
}
@media (max-width: 36em) {
  body.desktop .glitter-truck {
    position: absolute;
    object-fit: cover;
    pointer-events: none;
    width: 800px;
    height: 150px;
    width: 107.12vh;
    height: 20.27vh;
    width: 56.6706021251vh;
    height: 10.6257378985vh;
    top: 27.5vh;
    left: 2vh;
  }
}
body.desktop .torn-note {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 53.7119244392vh;
  height: 53.1145218418vh;
  top: 51vh;
  left: -3vh;
  transform: rotate(2.5deg);
  transform-origin: center;
}
@media (max-width: 36em) {
  body.desktop .torn-note {
    width: 35.0295159386vh;
    height: 34.639905549vh;
    top: 55vh;
    left: -3vh;
  }
}
body.desktop .tracklist {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 859px;
  height: 799px;
  width: 116.08vh;
  height: 107.97vh;
  width: 42.478021978vh;
  height: 39.510989011vh;
  top: 0vh;
  left: 94vh;
  z-index: 2;
  transform: rotate(7deg);
  transform-origin: center center;
}
@media (max-width: 36em) {
  body.desktop .tracklist {
    width: 23.5989010989vh;
    height: 21.9505494505vh;
    top: 1vh;
    left: 32vh;
  }
}
body.desktop .the-scrapbook {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 804px;
  height: 369px;
  width: 108.65vh;
  height: 49.86vh;
  width: 79.5164835165vh;
  height: 36.4945054945vh;
  top: 46vh;
  left: 49vh;
  z-index: 3;
  transform: rotate(0deg);
  transform-origin: center;
}
@media (max-width: 36em) {
  body.desktop .the-scrapbook {
    width: 35.3406593407vh;
    height: 16.2197802198vh;
    top: 36vh;
    left: 7.5vh;
    z-index: 3;
  }
}
body.desktop .lfg {
  position: absolute;
  object-fit: contain;
  pointer-events: none;
  width: 819px;
  height: 297px;
  width: 96.694214876vh;
  height: 35.0649350649vh;
  width: 19.3388429752vh;
  height: 7.012987013vh;
  top: 86.5vh;
  left: 104vh;
  z-index: 1;
  transform: rotate(0deg);
  transform-origin: center;
}
@media (max-width: 36em) {
  body.desktop .lfg {
    display: none;
  }
}
body.desktop .lfg-mobile {
  display: none;
}
@media (max-width: 36em) {
  body.desktop .lfg-mobile {
    display: flex;
    position: absolute;
    object-fit: contain;
    pointer-events: none;
    width: 579px;
    height: 181px;
    width: 68.3589138135vh;
    height: 21.3695395514vh;
    width: 12.3046044864vh;
    height: 3.8465171192vh;
    top: 74vh;
    left: 33vh;
    z-index: 1;
    transform: rotate(0deg);
    transform-origin: center;
  }
}
body.desktop .pink-arrow {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 1046px;
  height: 407px;
  width: 123.4946871311vh;
  height: 48.0519480519vh;
  width: 16.054309327vh;
  height: 6.2467532468vh;
  top: 87vh;
  left: 128vh;
  z-index: 1;
  transform: rotate(0deg);
  transform-origin: center;
}
@media (max-width: 36em) {
  body.desktop .pink-arrow {
    width: 11.4945054945vh;
    height: 4.4725274725vh;
    top: 79vh;
    left: 33vh;
    z-index: 1;
  }
}
body.desktop .pink-arrow-alt {
  display: none;
}
@media (max-width: 36em) {
  body.desktop .pink-arrow-alt {
    display: none;
    position: absolute;
    object-fit: cover;
    pointer-events: none;
    width: 11.4945054945vh;
    height: 4.4725274725vh;
    top: 84vh;
    left: 33vh;
    z-index: 1;
    transform: rotate(0deg);
    transform-origin: center;
  }
}
body.desktop .broken-cd {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 552px;
  height: 576px;
  width: 65.1711924439vh;
  height: 68.0047225502vh;
  width: 73.03vh;
  height: 76.19vh;
  top: -14vh;
  left: 122vh;
  z-index: 2;
  transform: scale(0.5) rotate(87deg);
  transform-origin: center;
}
@media (max-width: 36em) {
  body.desktop .broken-cd {
    width: 26.0684769776vh;
    height: 27.2018890201vh;
    top: 10vh;
    left: 56vh;
    z-index: 2;
    transform: rotate(87deg);
    transform-origin: center;
  }
}
body.desktop .blue-star-1 {
  position: absolute;
  object-fit: cover;
  width: 154px;
  height: 147px;
  width: 16.9230769231vh;
  height: 16.1538461538vh;
  width: 4.2307692308vh;
  height: 4.0384615385vh;
  top: 5vh;
  left: 175vh;
  z-index: 1;
  transform: rotate(13deg);
  transform-origin: center;
}
@media (max-width: 36em) {
  body.desktop .blue-star-1 {
    left: 81vh;
  }
}
body.desktop .blue-star-2 {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 154px;
  height: 147px;
  width: 20.81vh;
  height: 19.86vh;
  width: 16.9230769231vh;
  height: 16.1538461538vh;
  top: -5vh;
  left: 185vh;
  z-index: 2;
  transform: rotate(20deg);
  transform-origin: center;
}
@media (max-width: 36em) {
  body.desktop .blue-star-2 {
    display: none;
  }
}
body.desktop .silver-star1-1 {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 214px;
  height: 210px;
  width: 23.5164835165vh;
  height: 23.0769230769vh;
  width: 23.5164835165vh;
  height: 23.0769230769vh;
  top: 15vh;
  left: 189vh;
  z-index: 2;
  transform: rotate(14deg);
  transform-origin: center;
}
@media (max-width: 36em) {
  body.desktop .silver-star1-1 {
    width: 15.1593860685vh;
    height: 14.8760330579vh;
    top: 20vh;
    left: 85vh;
  }
}
body.desktop .lightsleeper-title {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 4411px;
  height: 570px;
  width: 596.08vh;
  height: 77.027vh;
  width: 61.4773333333vh;
  height: 26.9369333333vh;
  top: 41vh;
  left: 142vh;
  z-index: 0;
  transform: rotate(-9deg);
  transform-origin: center;
}
@media (max-width: 36em) {
  body.desktop .lightsleeper-title {
    width: 40.04vh;
    height: 21.36vh;
    top: 34vh;
    left: 55vh;
  }
}
body.desktop .lightsleeper-visualizer {
  position: absolute;
  object-fit: cover;
  pointer-events: auto;
  width: 1920px;
  height: 1080px;
  width: 210.989010989vh;
  height: 118.681318681vh;
  width: 52.7472527473vh;
  height: 29.6703296703vh;
  top: 67vh;
  left: 150vh;
  z-index: 3;
  transform: rotate(0deg);
  transform-origin: center;
}
@media (max-width: 36em) {
  body.desktop .lightsleeper-visualizer {
    width: 42.5029515939vh;
    height: 23.9079102715vh;
    top: 57vh;
    left: 55vh;
  }
}
body.desktop .about-lightsleeper {
  position: absolute;
  object-fit: cover;
  pointer-events: auto;
  width: 300px;
  height: 300px;
  width: 32.967032967vh;
  height: 32.967032967vh;
  width: 41.2087912088vh;
  height: 41.2087912088vh;
  top: 1vh;
  left: 207vh;
  z-index: 2;
  transform: rotate(-4deg);
  transform-origin: center;
}
@media (max-width: 36em) {
  body.desktop .about-lightsleeper {
    display: none;
  }
}
body.desktop .about-lightsleeper-mobile {
  display: none;
}
@media (max-width: 36em) {
  body.desktop .about-lightsleeper-mobile {
    display: flex;
    position: absolute;
    object-fit: cover;
    pointer-events: auto;
    width: 572px;
    height: 580px;
    width: 67.5324675325vh;
    height: 68.4769775679vh;
    width: 27.012987013vh;
    height: 27.3907910272vh;
    top: 3vh;
    left: 98vh;
    z-index: 2;
    transform: rotate(-7deg);
    transform-origin: center;
  }
}
body.desktop .autumn-text {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 652px;
  height: 546px;
  width: 71.6483516484vh;
  height: 60vh;
  width: 35.8241758242vh;
  height: 30vh;
  top: 41vh;
  left: 217vh;
  z-index: 1;
  transform: rotate(7deg);
  transform-origin: center;
}
@media (max-width: 36em) {
  body.desktop .autumn-text {
    width: 30.7910271547vh;
    height: 25.7851239669vh;
    top: 39vh;
    left: 100vh;
    z-index: 5;
  }
}
body.desktop .blame-it-notesapp {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 710px;
  height: 330px;
  width: 78.021978022vh;
  height: 34.0659340659vh;
  width: 53.7571428571vh;
  height: 23.4714285714vh;
  top: 73vh;
  left: 207vh;
  z-index: 3;
  transform: rotate(-3deg);
  transform-origin: center;
}
@media (max-width: 36em) {
  body.desktop .blame-it-notesapp {
    width: 34.9421428571vh;
    height: 15.2564285714vh;
    top: 64vh;
    left: 98vh;
  }
}
body.desktop .lightsleeper-studio {
  position: absolute;
  object-fit: cover;
  width: 1080px;
  height: 1920px;
  width: 118.681318681vh;
  height: 210.989010989vh;
  width: 23.7362637363vh;
  height: 42.1978021978vh;
  top: 3vh;
  left: 247vh;
  z-index: 3;
  transform: rotate(0deg);
  transform-origin: center;
}
@media (max-width: 36em) {
  body.desktop .lightsleeper-studio {
    left: 128vh;
    z-index: 6;
  }
}
body.desktop .silver-star1-2 {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 214px;
  height: 210px;
  width: 28.82vh;
  height: 28.38vh;
  width: 23.5164835165vh;
  height: 23.0769230769vh;
  top: 60vh;
  left: 250vh;
  z-index: 4;
  transform: rotate(10deg);
  transform-origin: center;
}
@media (max-width: 36em) {
  body.desktop .silver-star1-2 {
    width: 18.8131868132vh;
    height: 18.4615384615vh;
    top: 46vh;
    left: 128vh;
    z-index: 6;
  }
}
body.desktop .lightsleeper-chords {
  position: absolute;
  object-fit: cover;
  pointer-events: auto;
  width: 200px;
  height: 250px;
  width: 27.027vh;
  height: 33.78vh;
  width: 21.5384615385vh;
  height: 26.9230769231vh;
  top: 3vh;
  left: 273vh;
  z-index: 3;
  transform: rotate(0deg);
  transform-origin: center;
}
@media (max-width: 36em) {
  body.desktop .lightsleeper-chords {
    pointer-events: none;
    top: 9vh;
    left: 156vh;
  }
}
body.desktop .text-wrapper {
  pointer-events: none;
  position: absolute;
  font-weight: 400;
  color: #4C58E9;
  font-size: 15px;
  letter-spacing: 0;
  line-height: normal;
  text-align: center;
  text-transform: uppercase;
  width: 62px;
  top: 22px;
  left: 2430px;
  font-size: 1.652892562vh;
  width: 7.3199527745vh;
  top: 2.8925619835vh;
  left: 286.8949232586vh;
  z-index: 4;
  transform: rotate(0deg);
  transform-origin: center;
}
@media (max-width: 36em) {
  body.desktop .text-wrapper {
    display: none;
  }
}
body.desktop .play-lightsleeper-desktop {
  position: absolute;
  object-fit: cover;
  pointer-events: auto;
  cursor: pointer;
  width: 1114px;
  height: 1114px;
  width: 122.4175824176vh;
  height: 122.4175824176vh;
  width: 30.1147252747vh;
  height: 30.1147252747vh;
  top: 34vh;
  left: 272vh;
  z-index: 2;
  transform: rotate(0deg);
  transform-origin: center;
}
@media (max-width: 36em) {
  body.desktop .play-lightsleeper-desktop {
    display: none;
  }
}
body.desktop .play-lightsleeper-mobile {
  display: none;
}
@media (max-width: 36em) {
  body.desktop .play-lightsleeper-mobile {
    display: flex;
    position: absolute;
    object-fit: cover;
    cursor: pointer;
    width: 1114px;
    height: 1114px;
    width: 59.0318772137vh;
    height: 58.7957497048vh;
    width: 23.6127508855vh;
    height: 23.5182998819vh;
    top: 25vh;
    left: 165vh;
    z-index: 4;
    transform: rotate(0deg);
    transform-origin: center;
  }
}
body.desktop .broken-breathing {
  position: absolute;
  object-fit: cover;
  pointer-events: auto;
  width: 1920px;
  height: 1080px;
  width: 210.989010989vh;
  height: 118.6813186813vh;
  width: 52.7472527473vh;
  height: 29.6703296703vh;
  top: 68vh;
  left: 265vh;
  z-index: 1;
  transform: rotate(0deg);
  transform-origin: center;
}
@media (max-width: 36em) {
  body.desktop .broken-breathing {
    width: 39.5604395604vh;
    height: 22.2527472527vh;
    top: 60vh;
    left: 137vh;
  }
}
body.desktop .lightsleeper-voicememo {
  position: absolute;
  object-fit: cover;
  pointer-events: auto;
  width: 554px;
  height: 547px;
  width: 60.8791208791vh;
  height: 60.1098901099vh;
  width: 29.9525274725vh;
  height: 29.5740659341vh;
  top: 36vh;
  left: 313vh;
  z-index: 2;
  transform: rotate(0deg);
  transform-origin: center;
}
@media (max-width: 36em) {
  body.desktop .lightsleeper-voicememo {
    width: 22.4643956044vh;
    height: 22.1805494505vh;
    top: 5vh;
    left: 183vh;
    z-index: 6;
  }
}
body.desktop .exitwounds-lyricvideo {
  position: absolute;
  object-fit: cover;
  pointer-events: auto;
  width: 1920px;
  height: 1080px;
  width: 210.989010989vh;
  height: 118.6813186813vh;
  width: 48.5274725275vh;
  height: 27.2967032967vh;
  top: 4vh;
  left: 300vh;
  z-index: 3;
  transform: rotate(0deg);
  transform-origin: center;
}
@media (max-width: 36em) {
  body.desktop .exitwounds-lyricvideo {
    width: 42.5029515939vh;
    height: 23.9079102715vh;
    top: 4vh;
    left: 209vh;
  }
}
body.desktop .star-trio-1 {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 264px;
  height: 425px;
  width: 29.010989011vh;
  height: 47.8021978022vh;
  width: 18.567032967vh;
  height: 30.5934065934vh;
  top: 36vh;
  left: 345vh;
  transform: rotate(195deg);
  transform-origin: center;
}
@media (max-width: 36em) {
  body.desktop .star-trio-1 {
    display: none;
  }
}
body.desktop .exitwounds-title {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 857px;
  height: 429px;
  width: 94.1758241758vh;
  height: 47.1428571429vh;
  width: 64.8871428571vh;
  height: 32.4814285714vh;
  top: 67vh;
  left: 324vh;
  transform: rotate(-10deg);
  transform-origin: center;
}
@media (max-width: 36em) {
  body.desktop .exitwounds-title {
    width: 45.421vh;
    height: 22.737vh;
    top: 58vh;
    left: 179vh;
  }
}
body.desktop .play-exitwounds {
  position: absolute;
  object-fit: cover;
  pointer-events: auto;
  cursor: pointer;
  width: 592px;
  height: 440px;
  width: 65.0549450549vh;
  height: 48.3516483516vh;
  width: 36.0404395604vh;
  height: 26.7868131868vh;
  top: 4vh;
  left: 356vh;
  z-index: 3;
  transform: rotate(13deg);
  transform-origin: center;
}
@media (max-width: 36em) {
  body.desktop .play-exitwounds {
    width: 25.2283076923vh;
    height: 18.7507692308vh;
    top: 4vh;
    left: 257vh;
  }
}
body.desktop .text-wrapper-2 {
  position: absolute;
  pointer-events: none;
  font-weight: 400;
  color: #4CA8E9;
  font-size: 15px;
  letter-spacing: 0;
  line-height: normal;
  text-align: center;
  width: 260px;
  top: 820px;
  left: 4574px;
  width: 30.7vh;
  top: 31vh;
  left: 356vh;
  font-size: 1.7709563164vh;
  width: 24.8760330579vh;
  top: 30.8146399055vh;
  left: 358.4415584416vh;
  transform: rotate(13deg);
  transform-origin: center;
}
@media (max-width: 36em) {
  body.desktop .text-wrapper-2 {
    top: 21.2514757969vh;
    left: 254.5454545455vh;
  }
}
body.desktop .missed-calls {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 672px;
  height: 736px;
  width: 73.8461538462vh;
  height: 80.8791208791vh;
  width: 29.0953846154vh;
  height: 31.8663736264vh;
  top: 41vh;
  left: 372vh;
  transform: rotate(20deg);
  transform-origin: center;
}
@media (max-width: 36em) {
  body.desktop .missed-calls {
    width: 23.2763076923vh;
    height: 25.4930989011vh;
    top: 33vh;
    left: 195vh;
  }
}
body.desktop .about-exitwounds {
  position: absolute;
  object-fit: cover;
  pointer-events: auto;
  width: 591px;
  height: 881px;
  width: 64.9450549451vh;
  height: 96.8131868132vh;
  width: 23.9647252747vh;
  height: 35.7240659341vh;
  top: 5vh;
  left: 400vh;
  z-index: 2;
  transform: rotate(-10deg);
  transform-origin: center;
}
@media (max-width: 36em) {
  body.desktop .about-exitwounds {
    width: 17.973543956vh;
    height: 26.7930494505vh;
    top: 30vh;
    left: 225vh;
  }
}
body.desktop .exitwounds-animation {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 2160px;
  height: 1080px;
  width: 236.06557vh;
  height: 118.681318681vh;
  width: 59.3406593407vh;
  height: 29.6703296703vh;
  top: 46vh;
  left: 397vh;
  z-index: 2;
  transform: rotate(0deg);
  transform-origin: center;
}
@media (max-width: 36em) {
  body.desktop .exitwounds-animation {
    display: none;
  }
}
body.desktop .exitwounds-animation-mobile {
  display: none;
}
@media (max-width: 36em) {
  body.desktop .exitwounds-animation-mobile {
    display: flex;
    position: absolute;
    object-fit: cover;
    pointer-events: none;
    width: 833px;
    height: 192px;
    width: 98.347107438vh;
    height: 22.6682408501vh;
    width: 49.173553719vh;
    height: 11.334120425vh;
    top: 33vh;
    left: 253vh;
    transform: rotate(0deg);
    transform-origin: center;
  }
}
body.desktop .exitwounds-voicememo {
  position: absolute;
  object-fit: cover;
  pointer-events: auto;
  width: 366px;
  height: 434px;
  width: 40.2197802198vh;
  height: 47.6923076923vh;
  width: 18.0989010989vh;
  height: 21.4615384615vh;
  top: 77vh;
  left: 394vh;
  z-index: 2;
  transform: rotate(0deg);
  transform-origin: center;
}
@media (max-width: 36em) {
  body.desktop .exitwounds-voicememo {
    width: 18.0989010989vh;
    height: 21.4615384615vh;
    width: 15.5560802834vh;
    height: 18.4462809917vh;
    top: 63vh;
    left: 229vh;
  }
}
body.desktop .text-wrapper-3 {
  position: absolute;
  pointer-events: none;
  font-weight: 400;
  color: #4CA8E9;
  font-size: 32px;
  letter-spacing: 0;
  line-height: normal;
  text-align: center;
  font-size: 3.388vh;
  width: 30.7vh;
  top: 73vh;
  left: 409vh;
  width: 16.093vh;
  top: 73.0961vh;
  left: 417.4863vh;
  transform: rotate(0deg);
  transform-origin: center;
}
@media (max-width: 36em) {
  body.desktop .text-wrapper-3 {
    font-size: 3.388vh;
    width: 16.093vh;
    top: 64.10096vh;
    left: 249.5262vh;
    transform: rotate(18deg);
    transform-origin: center;
  }
}
body.desktop .click-me-arrow {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 417px;
  height: 209px;
  width: 64.46vh;
  height: 28.24vh;
  width: 8.7065934066vh;
  height: 4.3637362637vh;
  top: 84vh;
  left: 416vh;
  z-index: 0;
  transform: rotate(-14deg);
  transform-origin: center;
}
@media (max-width: 36em) {
  body.desktop .click-me-arrow {
    width: 8.7065934066vh;
    height: 4.3637362637vh;
    width: 7.4833530106vh;
    height: 3.7506493506vh;
    top: 72vh;
    left: 246.02vh;
    transform: rotate(-1deg);
    transform-origin: center;
  }
}
body.desktop .text-wrapper-4 {
  position: absolute;
  font-weight: 400;
  color: #4CA8E9;
  font-size: 24px;
  letter-spacing: 0;
  line-height: normal;
  text-align: center;
  font-size: 2.83745vh;
  width: 30.89009vh;
  top: 1.9481vh;
  left: 430.8689vh;
  z-index: 0;
  transform: rotate(0deg);
  transform-origin: center;
}
@media (max-width: 36em) {
  body.desktop .text-wrapper-4 {
    font-size: 1.99892vh;
    width: 28.12887vh;
    top: 5.11588vh;
    left: 284.63435vh;
  }
}
body.desktop .substack-point-arrow {
  position: absolute;
  object-fit: cover;
  width: 570px;
  height: 332px;
  width: 62.6373626374vh;
  height: 36.4835164835vh;
  width: 18.0395604396vh;
  height: 6.507253vh;
  top: 25vh;
  left: 445vh;
  transform: rotate(20deg);
  transform-origin: center;
}
@media (max-width: 36em) {
  body.desktop .substack-point-arrow {
    width: 62.6373626374vh;
    height: 36.4835164835vh;
    width: 17.3820070838vh;
    height: 6.773270366vh;
    top: 21vh;
    left: 294.63vh;
  }
}
body.desktop .scorpio-constellation {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 678px;
  height: 594px;
  width: 74.5054945055vh;
  height: 65.2747252747vh;
  width: 23.8417582418vh;
  height: 20.8879120879vh;
  top: 33vh;
  left: 427vh;
  transform: rotate(0deg);
  transform-origin: center;
}
@media (max-width: 36em) {
  body.desktop .scorpio-constellation {
    width: vh;
    height: vh;
    top: 47vh;
    left: 260.63vh;
  }
}
body.desktop .text-wrapper-5 {
  position: absolute;
  pointer-events: none;
  font-weight: 400;
  color: #4CA8E9;
  font-size: 16px;
  letter-spacing: 0;
  line-height: normal;
  text-align: center;
  text-transform: uppercase;
  font-size: 2.1175vh;
  width: 31.7625vh;
  top: 88.935vh;
  left: 423.5847vh;
  z-index: 0;
  transform: rotate(0deg);
  transform-origin: center;
}
@media (max-width: 36em) {
  body.desktop .text-wrapper-5 {
    font-size: 1.694vh;
    width: 23.13157vh;
    top: 75.12043vh;
    left: 273.63182vh;
  }
}
body.desktop .subscribe-arrow {
  position: absolute;
  object-fit: cover;
  width: 535px;
  height: 264px;
  width: 58.7912087912vh;
  height: 29.010989011vh;
  width: 9.4065934066vh;
  height: 4.6417582418vh;
  top: 85vh;
  left: 440vh;
  transform: rotate(-45deg);
  transform-origin: center;
}
@media (max-width: 36em) {
  body.desktop .subscribe-arrow {
    width: 6.5690672963vh;
    height: 3.2415584416vh;
    top: 70vh;
    left: 283vh;
    transform: rotate(-75deg);
    transform-origin: center;
  }
}
body.desktop .subscribe-button {
  position: absolute;
  object-fit: cover;
  pointer-events: auto;
  width: 386px;
  height: 176px;
  width: 42.4175824176vh;
  width: 28.4197802198vh;
  height: 19.3406593407vh;
  height: 12.9582417582vh;
  top: 75vh;
  left: 446vh;
  z-index: 3;
  transform: rotate(11deg);
  transform-origin: center;
}
@media (max-width: 36em) {
  body.desktop .subscribe-button {
    width: vh;
    height: vh;
    top: 57vh;
    left: 276vh;
  }
}
body.desktop .exitwounds-substackflier {
  position: absolute;
  object-fit: cover;
  pointer-events: auto;
  width: 860px;
  height: 1112px;
  width: 94.5054945055vh;
  height: 122.1978021978vh;
  width: 56.7032967033vh;
  height: 73.3186813187vh;
  top: 6vh;
  left: 463vh;
  z-index: 1;
  transform: rotate(9deg);
  transform-origin: center;
}
@media (max-width: 36em) {
  body.desktop .exitwounds-substackflier {
    width: vh;
    height: vh;
    top: 0vh;
    left: 313.63vh;
  }
}
body.desktop .silver-star3-1 {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 165px;
  height: 160px;
  width: 18.1318681319vh;
  height: 17.5824175824vh;
  width: 10.1538461538vh;
  height: 9.8461538462vh;
  top: 88vh;
  left: 463vh;
  transform: rotate(28deg);
  transform-origin: center;
}
@media (max-width: 36em) {
  body.desktop .silver-star3-1 {
    display: none;
  }
}
body.desktop .blue-star-3 {
  position: absolute;
  object-fit: cover;
  width: 154px;
  height: 147px;
  width: 16.9230769231vh;
  height: 16.1538461538vh;
  width: 5.2461538462vh;
  height: 5.0076923077vh;
  top: 85vh;
  left: 482vh;
  transform: rotate(95deg);
  transform-origin: center;
}
@media (max-width: 36em) {
  body.desktop .blue-star-3 {
    width: vh;
    height: vh;
    top: 75vh;
    left: 302.63vh;
  }
}
body.desktop .silver-star3-2 {
  position: absolute;
  object-fit: cover;
  width: 165px;
  height: 160px;
  width: 18.1318681319vh;
  height: 17.5824175824vh;
  width: 6.1648351648vh;
  height: 5.978021978vh;
  top: 93vh;
  left: 492vh;
  transform: rotate(14deg);
  transform-origin: center;
}
@media (max-width: 36em) {
  body.desktop .silver-star3-2 {
    width: vh;
    height: vh;
    top: 49vh;
    left: 292.63vh;
  }
}
body.desktop .silver-star3-3 {
  position: absolute;
  object-fit: cover;
  width: 165px;
  height: 160px;
  width: 18.1318681319vh;
  height: 17.5824175824vh;
  width: 11.0604395604vh;
  height: 10.7252747253vh;
  top: 86vh;
  left: 504vh;
  transform: rotate(12deg);
  transform-origin: center;
}
@media (max-width: 36em) {
  body.desktop .silver-star3-3 {
    width: vh;
    height: vh;
    top: 78vh;
    left: 312.63vh;
  }
}
body.desktop .glitter-truck-2 {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 1250px;
  height: 300px;
  width: 137.3626373626vh;
  height: 32.967032967vh;
  width: 63.1868131868vh;
  height: 15.1648351648vh;
  top: 85vh;
  left: 515vh;
  z-index: 1;
  transform: rotate(0deg);
  transform-origin: center;
}
@media (max-width: 36em) {
  body.desktop .glitter-truck-2 {
    width: vh;
    height: vh;
    top: 76vh;
    left: 319.63vh;
  }
}
body.desktop .landmines-bts-clip {
  position: absolute;
  object-fit: cover;
  pointer-events: auto;
  width: 1920px;
  height: 1080px;
  width: 210.989010989vh;
  height: 118.6813186813vh;
  width: 48.5274725275vh;
  height: 27.2967032967vh;
  top: 3vh;
  left: 527vh;
  z-index: 3;
  transform: rotate(0deg);
  transform-origin: center;
}
@media (max-width: 36em) {
  body.desktop .landmines-bts-clip {
    width: 36.3956043956vh;
    height: 20.4725274725vh;
    top: 8vh;
    left: 377.63vh;
  }
}
body.desktop .landmines-voicememo {
  position: absolute;
  object-fit: cover;
  pointer-events: auto;
  width: 637px;
  height: 283.271px;
  width: 70vh;
  height: 31.1286813187vh;
  width: 49vh;
  height: 21.7900769231vh;
  top: 34vh;
  left: 522vh;
  z-index: 2;
  transform: rotate(0deg);
  transform-origin: center;
}
@media (max-width: 36em) {
  body.desktop .landmines-voicememo {
    width: 42.1157024793vh;
    height: 18.728661157vh;
    top: 32vh;
    left: 373.63vh;
  }
}
body.desktop .blue-star-4 {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 154px;
  height: 147px;
  width: 16.8306vh;
  height: 16.06557vh;
  width: 3.36612vh;
  height: 3.213114vh;
  top: 56vh;
  left: 521vh;
  z-index: 3;
  transform: rotate(12deg);
  transform-origin: center;
}
@media (max-width: 36em) {
  body.desktop .blue-star-4 {
    display: none;
  }
}
body.desktop .katstratford-car {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 540px;
  height: 288px;
  width: 59.3406593407vh;
  height: 31.6483516484vh;
  width: 40.3516483516vh;
  height: 21.5208791209vh;
  top: 60vh;
  left: 520vh;
  z-index: 0;
  transform: rotate(0deg);
  transform-origin: center;
}
@media (max-width: 36em) {
  body.desktop .katstratford-car {
    width: vh;
    height: vh;
    top: 55vh;
    left: 368.63vh;
    z-index: 5;
  }
}
body.desktop .vocals-landmines-1 {
  position: absolute;
  object-fit: cover;
  pointer-events: auto;
  width: 1080px;
  height: 1920px;
  width: 118.6813186813vh;
  height: 210.989010989vh;
  width: 21.956043956vh;
  height: 39.032967033vh;
  top: 60vh;
  left: 582vh;
  z-index: 1;
  transform: rotate(0deg);
  transform-origin: center;
}
@media (max-width: 36em) {
  body.desktop .vocals-landmines-1 {
    width: vh;
    height: vh;
    top: 39vh;
    left: 424.63vh;
  }
}
body.desktop .text-wrapper-6 {
  position: absolute;
  display: flex;
  font-weight: 400;
  color: #4C58E9;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 1.2;
  text-align: left;
  text-transform: uppercase;
  width: 1000px;
  height: 625px;
  top: 830px;
  left: 42px;
  width: 205vh;
  height: 100vh;
  top: 60vh;
  left: 564vh;
  font-size: 2.0328vh;
  width: 43.6205vh;
  height: 8.47vh;
  top: 60.137vh;
  left: 562.408vh;
  z-index: 2;
  transform: rotate(0deg);
  transform-origin: center;
}
@media (max-width: 36em) {
  body.desktop .text-wrapper-6 {
    display: none;
  }
}
body.desktop .october-lane {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 440px;
  height: 1000px;
  width: 48.3516483516vh;
  height: 109.8901098901vh;
  width: 10.3956043956vh;
  height: 23.6263736264vh;
  top: 76vh;
  left: 570vh;
  z-index: 2;
  transform: rotate(0deg);
  transform-origin: center;
}
@media (max-width: 36em) {
  body.desktop .october-lane {
    width: vh;
    height: vh;
    top: 62vh;
    left: 411vh;
  }
}
body.desktop .landmines-license {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 860px;
  height: 502px;
  width: 94.5054945055vh;
  height: 55.1648351648vh;
  width: 46.3076923077vh;
  height: 27.0307692308vh;
  top: 7vh;
  left: 583vh;
  z-index: 0;
  transform: rotate(-6deg);
  transform-origin: center;
}
@media (max-width: 36em) {
  body.desktop .landmines-license {
    width: 37.0461538462vh;
    height: 21.6246153846vh;
    top: 11vh;
    left: 419vh;
  }
}
body.desktop .silver-star3-4 {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 165px;
  height: 160px;
  width: 18.1318681319vh;
  height: 17.5824175824vh;
  width: 5.3489010989vh;
  height: 5.1868131868vh;
  top: 34vh;
  left: 576vh;
  z-index: 0;
  transform: rotate(-17deg);
  transform-origin: center;
}
@media (max-width: 36em) {
  body.desktop .silver-star3-4 {
    display: none;
  }
}
body.desktop .blue-star-5 {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 154px;
  height: 147px;
  width: 16.9230769231vh;
  height: 16.1538461538vh;
  width: 8.4615384615vh;
  height: 8.0769230769vh;
  top: 31vh;
  left: 634vh;
  z-index: 0;
  transform: rotate(10deg);
  transform-origin: center;
}
@media (max-width: 36em) {
  body.desktop .blue-star-5 {
    display: none;
  }
}
body.desktop .landmines-title {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 2249px;
  height: 550px;
  width: 247.1428571429vh;
  height: 60.4395604396vh;
  width: 60.55vh;
  height: 14.8076923077vh;
  top: 41vh;
  left: 575vh;
  z-index: 0;
  transform: rotate(0deg);
  transform-origin: center;
}
@media (max-width: 36em) {
  body.desktop .landmines-title {
    display: none;
  }
}
body.desktop .landmines-title-mobile {
  display: none;
}
@media (max-width: 36em) {
  body.desktop .landmines-title-mobile {
    display: flex;
    position: absolute;
    object-fit: cover;
    pointer-events: none;
    width: 992px;
    height: 229px;
    width: 992px;
    height: 229px;
    width: 117.119244392vh;
    height: 27.0365997639vh;
    width: 58.559622196vh;
    height: 13.5182998819vh;
    top: 33vh;
    left: 449vh;
    z-index: 0;
  }
}
body.desktop .landmines-lyricvideo {
  position: absolute;
  object-fit: cover;
  pointer-events: auto;
  width: 1920px;
  height: 1080px;
  width: 259.46vh;
  height: 145.95vh;
  width: 48.5274725275vh;
  height: 27.2967032967vh;
  top: 65vh;
  left: 608vh;
  z-index: 1;
  transform: rotate(0deg);
  transform-origin: center;
}
@media (max-width: 36em) {
  body.desktop .landmines-lyricvideo {
    width: 36.3956043956vh;
    height: 20.4725274725vh;
    top: 55vh;
    left: 449vh;
  }
}
body.desktop .text-wrapper-7 {
  position: absolute;
  display: flex;
  pointer-events: none;
  font-weight: 400;
  color: #4CA8E9;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 1.2;
  text-align: center;
  text-transform: uppercase;
  width: 1000px;
  top: 830px;
  left: 42px;
  width: 29vh;
  top: 4vh;
  left: 638vh;
  font-size: 2.0328vh;
  width: 31.8472vh;
  top: 4.7432vh;
  left: 635.25vh;
  z-index: 2;
  transform: rotate(0deg);
  transform-origin: center;
}
@media (max-width: 36em) {
  body.desktop .text-wrapper-7 {
    font-size: 1.99892vh;
    width: 29.12833vh;
    top: 10.12165vh;
    left: 482.63754vh;
  }
}
body.desktop .about-landmines {
  position: absolute;
  object-fit: cover;
  pointer-events: auto;
  width: 716px;
  height: 1075px;
  width: 78.25137vh;
  height: 117.48634vh;
  width: 22.8061793279vh;
  height: 34.2411211976vh;
  top: 22vh;
  left: 646vh;
  z-index: 2;
  transform: rotate(10deg);
  transform-origin: center;
}
@media (max-width: 36em) {
  body.desktop .about-landmines {
    top: -3vh;
    left: 459vh;
    transform: rotate(13deg);
    transform-origin: center;
  }
}
body.desktop .landmines-og-guitar {
  position: absolute;
  object-fit: cover;
  pointer-events: auto;
  width: 1080px;
  width: 1920px;
  width: 118.03279vh;
  width: 209.83607vh;
  width: 22.131148125vh;
  height: 39.344263125vh;
  top: 53vh;
  left: 660vh;
  z-index: 1;
  transform: rotate(0deg);
  transform-origin: center;
}
@media (max-width: 36em) {
  body.desktop .landmines-og-guitar {
    width: vh;
    height: vh;
    top: 42vh;
    left: 518.64vh;
  }
}
body.desktop .text-wrapper-8 {
  position: absolute;
  display: flex;
  font-weight: 400;
  color: #4CA8E9;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 1.2;
  text-align: center;
  text-transform: uppercase;
  width: 1000px;
  top: 830px;
  left: 42px;
  width: 132.28vh;
  top: 83.85vh;
  left: 580vh;
  width: 22vh;
  top: 91vh;
  left: 661vh;
  font-size: 1.694vh;
  width: 26.257vh;
  top: 91.5607vh;
  left: 657.3567vh;
  z-index: 3;
  transform: rotate(0deg);
  transform-origin: center;
}
@media (max-width: 36em) {
  body.desktop .text-wrapper-8 {
    display: none;
  }
}
body.desktop .landmines-reaction {
  position: absolute;
  object-fit: cover;
  pointer-events: auto;
  width: 1080px;
  height: 1920px;
  width: 118.03279vh;
  height: 209.83607vh;
  width: 26.55737775vh;
  height: 47.21311575vh;
  top: 1vh;
  left: 672vh;
  z-index: 3;
  transform: rotate(0deg);
  transform-origin: center;
}
@media (max-width: 36em) {
  body.desktop .landmines-reaction {
    width: 22.131148125vh;
    height: 39.344263125vh;
    top: 2vh;
    left: 514.64vh;
  }
}
body.desktop .blue-star-6 {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 154px;
  height: 147px;
  width: 16.8306vh;
  height: 16.06557vh;
  width: 5.04918vh;
  height: 4.819671vh;
  top: 49vh;
  left: 678vh;
  z-index: 1;
  transform: rotate(33deg);
  transform-origin: center;
}
@media (max-width: 36em) {
  body.desktop .blue-star-6 {
    width: vh;
    height: vh;
    top: 43vh;
    left: 512.64vh;
  }
}
body.desktop .blue-star-7 {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 154px;
  height: 147px;
  width: 16.8306vh;
  height: 16.06557vh;
  width: 7.57377vh;
  height: 7.2295065vh;
  top: 60vh;
  left: 686vh;
  z-index: 0;
  transform: rotate(29deg);
  transform-origin: center;
}
@media (max-width: 36em) {
  body.desktop .blue-star-7 {
    width: vh;
    height: vh;
    top: vh;
    left: vh;
  }
}
body.desktop .play-landmines {
  position: absolute;
  object-fit: cover;
  pointer-events: auto;
  cursor: pointer;
  width: 630px;
  height: 660px;
  width: 68.85246vh;
  height: 72.13115vh;
  width: 29.29672173vh;
  height: 30.691804325vh;
  top: 69vh;
  left: 685vh;
  z-index: 1;
  transform: rotate(0deg);
  transform-origin: center;
}
@media (max-width: 36em) {
  body.desktop .play-landmines {
    width: vh;
    height: vh;
    top: 49vh;
    left: 542.64vh;
  }
}
body.desktop .landmines-session-voicememos {
  position: absolute;
  object-fit: cover;
  pointer-events: auto;
  width: 427px;
  height: 509px;
  width: 46.66667vh;
  height: 55.62842vh;
  width: 26.66667vh;
  height: 31.78767vh;
  top: 40vh;
  left: 705vh;
  z-index: 2;
  transform: rotate(14deg);
  transform-origin: center;
}
@media (max-width: 36em) {
  body.desktop .landmines-session-voicememos {
    width: vh;
    height: vh;
    top: 48vh;
    left: 488.64vh;
  }
}
body.desktop .enchanted-bridge {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 604px;
  height: 256px;
  width: 66.01093vh;
  height: 27.97814vh;
  width: 46.207651vh;
  height: 19.584698vh;
  top: 78vh;
  left: 703vh;
  z-index: 0;
  transform: rotate(0deg);
  transform-origin: center;
}
@media (max-width: 36em) {
  body.desktop .enchanted-bridge {
    width: vh;
    height: vh;
    top: 62vh;
    left: 560.64vh;
  }
}
body.desktop .misery-ogchorus {
  position: absolute;
  object-fit: cover;
  width: 637px;
  height: 283.271px;
  width: 75.2066115702vh;
  height: 31.1286813187vh;
  width: 53.88vh;
  height: 23.8vh;
  top: 8vh;
  left: 703vh;
  z-index: 3;
  transform: rotate(0deg);
  transform-origin: center;
}
@media (max-width: 36em) {
  body.desktop .misery-ogchorus {
    width: 43.104vh;
    height: 19.04vh;
    top: 4vh;
    left: 647vh;
  }
}
body.desktop .silver-star3-5 {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 165px;
  height: 160px;
  width: 18.03279vh;
  height: 17.48634vh;
  width: 7.213116vh;
  height: 6.994536vh;
  top: 0vh;
  left: 500vh;
  z-index: auto;
  transform: rotate(0deg);
  transform-origin: center;
}
@media (max-width: 36em) {
  body.desktop .silver-star3-5 {
    width: vh;
    height: vh;
    top: 62vh;
    left: 560.64vh;
  }
}
body.desktop .text-wrapper-9 {
  position: absolute;
  display: flex;
  font-weight: 400;
  color: #4CA8E9;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 1.2;
  text-align: center;
  text-transform: uppercase;
  width: 1000px;
  height: 625px;
  width: 132.28vh;
  height: 82.67vh;
  width: 41vh;
  top: 33.5vh;
  left: 713vh;
  font-size: 1.694vh;
  width: 49.126vh;
  top: 33.1177vh;
  left: 705.6357vh;
  z-index: 0;
  transform: rotate(0deg);
  transform-origin: center;
}
@media (max-width: 36em) {
  body.desktop .text-wrapper-9 {
    font-size: 1.694vh;
    width: 39.1314vh;
    top: 22.12364vh;
    left: 648.64107vh;
  }
}
body.desktop .little-miss-misery {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 556px;
  height: 556px;
  width: 60.76503vh;
  height: 60.76503vh;
  width: 24.4395604396vh;
  height: 24.4395604396vh;
  top: 43vh;
  left: 739vh;
  z-index: 0;
  transform: rotate(-11deg);
  transform-origin: center;
}
@media (max-width: 36em) {
  body.desktop .little-miss-misery {
    width: vh;
    height: vh;
    top: 2vh;
    left: 617.64vh;
  }
}
body.desktop .about-misery {
  position: absolute;
  object-fit: cover;
  width: 850px;
  height: 912px;
  width: 94.65479vh;
  height: 101.55902vh;
  width: 47.327395vh;
  height: 50.77951vh;
  top: 0vh;
  left: 759vh;
  z-index: auto;
  transform: rotate(0deg);
  transform-origin: center;
}
@media (max-width: 36em) {
  body.desktop .about-misery {
    top: 34vh;
    left: 647vh;
    z-index: 2;
  }
}
body.desktop .silver-star3-6 {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 165px;
  height: 160px;
  width: 18.03279vh;
  height: 17.48634vh;
  width: 7.213116vh;
  height: 6.994536vh;
  top: 0vh;
  left: 500vh;
  z-index: auto;
  transform: rotate(0deg);
  transform-origin: center;
}
@media (max-width: 36em) {
  body.desktop .silver-star3-6 {
    display: none;
  }
}
body.desktop .kat-stratford-dancing {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 268px;
  height: 300px;
  width: 29.8441vh;
  height: 33.40757vh;
  width: 23.87528vh;
  height: 26.726056vh;
  top: 72vh;
  left: 751vh;
  z-index: auto;
  transform: rotate(0deg);
  transform-origin: center;
}
@media (max-width: 36em) {
  body.desktop .kat-stratford-dancing {
    top: 33vh;
    left: 610vh;
  }
}
body.desktop .solo-cups {
  position: absolute;
  object-fit: cover;
  width: 641px;
  height: 326px;
  width: 71.38085vh;
  height: 36.3029vh;
  width: 24.9832975vh;
  height: 12.706015vh;
  top: 86vh;
  left: 766vh;
  z-index: auto;
  transform: rotate(0deg);
  transform-origin: center;
}
@media (max-width: 36em) {
  body.desktop .solo-cups {
    width: 19.986638vh;
    height: 10.164812vh;
    top: 50vh;
    left: 627vh;
  }
}
body.desktop .misery-wants-company {
  position: absolute;
  object-fit: cover;
  width: 637px;
  height: 277.519px;
  width: 75.2066115702vh;
  height: 32.7649350649vh;
  width: 53.88vh;
  height: 23.92vh;
  top: 7vh;
  left: 806vh;
  z-index: 3;
  transform: rotate(0deg);
  transform-origin: center;
}
@media (max-width: 36em) {
  body.desktop .misery-wants-company {
    width: 43.920661157vh;
    height: 19.1347220779vh;
    top: 67vh;
    left: 608vh;
  }
}
body.desktop .text-wrapper-10 {
  position: absolute;
  display: flex;
  font-weight: 400;
  color: #4CA8E9;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 1.2;
  text-align: center;
  text-transform: uppercase;
  width: 1000px;
  height: 625px;
  width: 42vh;
  height: 110vh;
  top: 32vh;
  left: 819vh;
  font-size: 1.694vh;
  width: 49.126vh;
  top: 31.4237vh;
  left: 809.8167vh;
  z-index: 3;
  transform: rotate(0deg);
  transform-origin: center;
}
@media (max-width: 36em) {
  body.desktop .text-wrapper-10 {
    font-size: 1.694vh;
    width: 41.13032vh;
    top: 59.00202vh;
    left: 608.00201vh;
  }
}
body.desktop .misery-title {
  position: absolute;
  object-fit: cover;
  width: 818px;
  height: 664px;
  width: 91.09131vh;
  height: 73.94209vh;
  width: 71.9621349vh;
  height: 58.4142511vh;
  top: 40vh;
  left: 790vh;
  z-index: auto;
  transform: rotate(0deg);
  transform-origin: center;
}
@media (max-width: 36em) {
  body.desktop .misery-title {
    top: 1vh;
    left: 539.64vh;
  }
}
body.desktop .vocals-misery-4 {
  position: absolute;
  object-fit: cover;
  width: 1080px;
  height: 1920px;
  width: 118.03279vh;
  height: 209.83607vh;
  width: 21.8195415594vh;
  height: 38.7902959002vh;
  top: 7vh;
  left: 863vh;
  z-index: 4;
  transform: scale(1) rotate(0deg);
  transform-origin: center;
}
@media (max-width: 36em) {
  body.desktop .vocals-misery-4 {
    top: 3vh;
    left: 716vh;
  }
}
body.desktop .text-wrapper-11 {
  position: absolute;
  display: flex;
  font-weight: 400;
  color: #4CA8E9;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 1.2;
  text-align: right;
  text-transform: uppercase;
  width: 1000px;
  height: 625px;
  width: 11vh;
  top: 8vh;
  left: 872vh;
  font-size: 1.694vh;
  width: 10.164vh;
  top: 6.8607vh;
  left: 873.3417vh;
  z-index: 5;
  transform: rotate(0deg);
  transform-origin: center;
}
@media (max-width: 36em) {
  body.desktop .text-wrapper-11 {
    display: none;
  }
}
body.desktop .play-misery {
  position: absolute;
  object-fit: cover;
  cursor: pointer;
  width: 526px;
  height: 616px;
  width: 58.57461vh;
  height: 68.59688vh;
  width: 23.13697095vh;
  height: 27.0957676vh;
  top: 40vh;
  left: 870vh;
  z-index: 5;
  transform: rotate(0deg);
  transform-origin: center;
}
@media (max-width: 36em) {
  body.desktop .play-misery {
    top: 43vh;
    left: 727vh;
    z-index: 2;
  }
}
body.desktop .text-wrapper-12 {
  position: absolute;
  display: flex;
  font-weight: 400;
  color: #4CA8E9;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 1.2;
  text-align: center;
  text-transform: uppercase;
  width: 1000px;
  width: 31vh;
  top: 4vh;
  left: 886vh;
  font-size: 1.694vh;
  width: 25.41vh;
  top: 1.7787vh;
  left: 888.5877vh;
  z-index: 3;
  transform: rotate(0deg);
  transform-origin: center;
}
@media (max-width: 36em) {
  body.desktop .text-wrapper-12 {
    font-size: 1.694vh;
    width: 19.13373vh;
    top: 1.11804vh;
    left: 691.64326vh;
  }
}
body.desktop .misery-wlj {
  position: absolute;
  object-fit: cover;
  width: 1080px;
  height: 1920px;
  width: 118.03279vh;
  height: 209.83607vh;
  width: 21.8195415594vh;
  height: 38.7902959002vh;
  top: 13vh;
  left: 886vh;
  z-index: 4;
  transform: scale(1) rotate(0deg);
  transform-origin: center;
}
@media (max-width: 36em) {
  body.desktop .misery-wlj {
    top: 15vh;
    left: 692vh;
  }
}
body.desktop .star-trio-2 {
  position: absolute;
  object-fit: cover;
  width: 264px;
  height: 435px;
  width: 29.39866vh;
  height: 48.44098vh;
  width: 23.2249414vh;
  height: 38.2683742vh;
  top: 30vh;
  left: 899vh;
  z-index: 6;
  transform: scale(1) rotate(0deg);
  transform-origin: center;
}
@media (max-width: 36em) {
  body.desktop .star-trio-2 {
    display: none;
  }
}
body.desktop .misery-visualizer {
  position: absolute;
  object-fit: cover;
  width: 1920px;
  height: 1080px;
  width: 209.83607vh;
  height: 118.03279vh;
  width: 54.5573782vh;
  height: 30.6885254vh;
  top: 68vh;
  left: 864vh;
  z-index: 1;
  transform: rotate(0deg);
  transform-origin: center;
}
@media (max-width: 36em) {
  body.desktop .misery-visualizer {
    width: 36.3956043956vh;
    height: 20.4725274725vb;
    top: 56vh;
    left: 690vh;
  }
}
body.desktop .smurfette-1 {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 366px;
  height: 453px;
  width: 40.75724vh;
  height: 50.44543vh;
  width: 24.454344vh;
  height: 30.267258vh;
  top: 8vh;
  left: 1014vh;
  z-index: auto;
  transform: scale(1) rotate(-13deg);
  transform-origin: center;
}
@media (max-width: 36em) {
  body.desktop .smurfette-1 {
    width: 14.67258vh;
    height: 18.16038vh;
    top: 1vh;
    left: 738vh;
  }
}
body.desktop .thestar-tarot {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 666px;
  height: 974px;
  width: 74.16481vh;
  height: 108.46325vh;
  width: 25.9576835vh;
  height: 37.9621375vh;
  top: 0vh;
  left: 921vh;
  z-index: auto;
  transform: scale(1) rotate(-8deg);
  transform-origin: center;
}
@media (max-width: 36em) {
  body.desktop .thestar-tarot {
    width: 20.7661468vh;
    height: 30.36971vh;
    left: 754vh;
  }
}
body.desktop .play-sleepwalking {
  position: absolute;
  object-fit: cover;
  cursor: pointer;
  width: 750px;
  height: 477px;
  width: 83.51893vh;
  height: 53.11804vh;
  width: 31.7371934vh;
  height: 20.1848552vh;
  top: 41vh;
  left: 935vh;
  z-index: auto;
  transform: scale(1) rotate(10deg);
  transform-origin: center;
}
@media (max-width: 36em) {
  body.desktop .play-sleepwalking {
    width: 25.38975472vh;
    height: 16.14788416vh;
    left: 756vh;
    top: 35vhvh;
  }
}
body.desktop .sleepwalking-radio {
  position: absolute;
  object-fit: cover;
  width: 1920px;
  height: 1080px;
  width: 209.83607vh;
  height: 118.03279vh;
  width: 52.4590175vh;
  height: 29.5081975vh;
  top: 65vh;
  left: 921vh;
  z-index: auto;
  transform: scale(1) rotate(0deg);
  transform-origin: center;
}
@media (max-width: 36em) {
  body.desktop .sleepwalking-radio {
    width: 36.3956043956vh;
    height: 20.4725274725vh;
    left: 752vh;
  }
}
body.desktop .text-wrapper-13 {
  position: absolute;
  display: flex;
  font-weight: 400;
  color: #4CA8E9;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 1.2;
  text-align: center;
  text-transform: uppercase;
  width: 1000px;
  width: 42vh;
  top: 93.5vh;
  left: 926vh;
  font-size: 1.694vh;
  width: 46.585vh;
  top: 93.5935vh;
  left: 922.4677vh;
  z-index: 3;
  transform: rotate(0deg);
  transform-origin: center;
}
@media (max-width: 36em) {
  body.desktop .text-wrapper-13 {
    font-size: 1.694vh;
    width: 32.186vh;
    top: 55.9867vh;
    left: 750.5267vh;
  }
}
body.desktop .sleepwalking-radio-polaroid {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 654px;
  height: 1000px;
  width: 72.82851vh;
  height: 111.35857vh;
  width: 16.7505573vh;
  height: 25.6124711vh;
  top: 62vh;
  left: 969vh;
  z-index: 6;
  transform: scale(1) rotate(-8deg);
  transform-origin: center;
}
@media (max-width: 36em) {
  body.desktop .sleepwalking-radio-polaroid {
    width: 13.40044584vh;
    height: 20.48997688vh;
    top: 62vh;
    left: 783vh;
  }
}
body.desktop .sleepwalking-visualizer {
  position: absolute;
  object-fit: cover;
  width: 1920px;
  height: 1080px;
  width: 209.83607vh;
  height: 118.03279vh;
  width: 52.4590175vh;
  height: 29.5081975vh;
  top: 3.5vh;
  left: 952vh;
  z-index: auto;
  transform: scale(1) rotate(0deg);
  transform-origin: center;
}
@media (max-width: 36em) {
  body.desktop .sleepwalking-visualizer {
    width: 36.3956043956vh;
    height: 20.4725274725vh;
    left: 778vh;
  }
}
body.desktop .sleepwalking-title {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 1500px;
  height: 400px;
  width: 167.03786vh;
  height: 44.54343vh;
  width: 72.41091231vh;
  height: 21.3808464vh;
  top: 42vh;
  left: 968vh;
  z-index: auto;
  transform: scale(1) rotate(0deg);
  transform-origin: center;
}
@media (max-width: 36em) {
  body.desktop .sleepwalking-title {
    width: 54.3081842325vh;
    height: 16.0356348vh;
    top: 41vh;
    left: 785vh;
  }
}
body.desktop .sleepwalking-listeningparty {
  position: absolute;
  object-fit: cover;
  pointer-events: auto;
  width: 292px;
  height: 219px;
  width: 34.4746162928vh;
  height: 25.8559622196vh;
  width: 44.8170011806vh;
  height: 33.6127508855vh;
  top: 64vh;
  left: 986vh;
  z-index: 1;
  transform: rotate(0deg);
  transform-origin: center;
}
@media (max-width: 36em) {
  body.desktop .sleepwalking-listeningparty {
    width: 34.4746162928vh;
    height: 25.8559622196vh;
    left: 800vh;
  }
}
body.desktop .blue-star-8 {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 154;
  height: 147;
  width: 20.81vh;
  height: 19.86vh;
  width: 7.2835vh;
  height: 6.951vh;
  top: 58vh;
  left: 1061vh;
  transform: scale(1) rotate(20deg);
  transform-origin: center;
}
@media (max-width: 36em) {
  body.desktop .blue-star-8 {
    display: none;
  }
}
body.desktop .about-sleepwalking {
  position: absolute;
  object-fit: cover;
  width: 859px;
  height: 886px;
  width: 95.65702vh;
  height: 98.6637vh;
  width: 35.3930974vh;
  height: 36.505569vh;
  top: 64vh;
  left: 1034vh;
  z-index: 2;
  transform: rotate(10deg);
  transform-origin: center;
}
@media (max-width: 36em) {
  body.desktop .about-sleepwalking {
    width: 26.54482305vh;
    height: 27.37917675vh;
    top: 64vh;
    left: 830vh;
  }
}
body.desktop .sleepwalking-receipt {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 509px;
  height: 905px;
  width: 56.68151vh;
  height: 100.77951vh;
  width: 31.1748305vh;
  height: 55.4287305vh;
  top: 49vh;
  left: 1070vh;
  z-index: 1;
  transform: scale(1) rotate(-5deg);
  transform-origin: center;
}
@media (max-width: 36em) {
  body.desktop .sleepwalking-receipt {
    width: 23.381122875vh;
    height: 41.571547875vh;
    left: 857vh;
  }
}
body.desktop .ep-inspo {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 859px;
  height: 572px;
  width: 95.65702vh;
  height: 63.6971vh;
  width: 75.5690458vh;
  height: 50.320709vh;
  top: 1vh;
  left: 1041vh;
  z-index: auto;
  transform: scale(1) rotate(0deg);
  transform-origin: center;
}
@media (max-width: 36em) {
  body.desktop .ep-inspo {
    width: 68.01214122vh;
    height: 45.2886381vh;
    left: 815vh;
  }
}
body.desktop .silver-star1-3 {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 214px;
  height: 210px;
  width: 28.82vh;
  height: 28.38vh;
  width: 14.41vh;
  height: 14.19vh;
  top: 38vh;
  left: 1043vh;
  transform: scale(1) rotate(18deg);
  transform-origin: center;
}
@media (max-width: 36em) {
  body.desktop .silver-star1-3 {
    left: 846vh;
    top: 39vh;
  }
}
body.desktop .blue-star-9 {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 154px;
  height: 147px;
  width: 20.81vh;
  height: 19.86vh;
  width: 4.162vh;
  height: 3.972vh;
  top: 47vh;
  left: 1056vh;
  z-index: 0;
  transform: rotate(19deg);
  transform-origin: center;
}
@media (max-width: 36em) {
  body.desktop .blue-star-9 {
    left: 780vh;
    top: 28vh;
  }
}
body.desktop .silver-star3-7 {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 165px;
  height: 160px;
  width: 18.03279vh;
  height: 17.48634vh;
  width: 10.819674vh;
  height: 10.491804vh;
  top: 46vh;
  left: 1067vh;
  z-index: 2;
  transform: scale(1) rotate(19deg);
  transform-origin: center;
}
@media (max-width: 36em) {
  body.desktop .silver-star3-7 {
    left: 803vh;
    top: 27vh;
  }
}
body.desktop .top-spotify-sparkles {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 499px;
  height: 570px;
  width: 55.56793vh;
  height: 63.47439vh;
  width: 33.340758vh;
  height: 38.084634vh;
  top: 5vh;
  left: 1119vh;
  z-index: 3;
  transform: scale(1) rotate(16deg);
  transform-origin: center;
}
@media (max-width: 36em) {
  body.desktop .top-spotify-sparkles {
    display: none;
  }
}
body.desktop .ep-inspo-sp {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 898px;
  height: 899px;
  width: 100vh;
  height: 100.11136vh;
  width: 38vh;
  height: 38.0423168vh;
  top: 14vh;
  left: 1118vh;
  z-index: 2;
  transform: scale(1) rotate(0deg);
  transform-origin: center;
}
@media (max-width: 36em) {
  body.desktop .ep-inspo-sp {
    left: 885vh;
    top: 8vh;
  }
}
body.desktop .bottom-spotify-sparkles {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 499px;
  height: 570px;
  width: 55.56793vh;
  height: 63.47439vh;
  width: 33.340758vh;
  height: 38.084634vh;
  top: 21vh;
  left: 1123vh;
  z-index: 4;
  transform: scale(1) rotate(29deg);
  transform-origin: center;
}
body.desktop .text-wrapper-14 {
  position: absolute;
  font-weight: 400;
  color: #4CA8E9;
  font-size: 28px;
  letter-spacing: 0;
  line-height: normal;
  text-align: center;
  text-transform: uppercase;
  width: 260px;
  top: 820px;
  left: 4574px;
  width: 70.7vh;
  top: 54vh;
  left: 1092vh;
  font-size: 2.541vh;
  width: 34.727vh;
  top: 58.0195vh;
  left: 1110.0782vh;
  z-index: 0;
  transform: rotate(0deg);
  transform-origin: center;
}
@media (max-width: 36em) {
  body.desktop .text-wrapper-14 {
    font-size: 1.694vh;
    width: 49.126vh;
    top: 33.1177vh;
    left: 705.6357vh;
  }
}
body.desktop .about-ep {
  position: absolute;
  object-fit: cover;
  pointer-events: auto;
  width: 860px;
  height: 628px;
  width: 95.76837vh;
  height: 69.93318vh;
  width: 38.307348vh;
  height: 27.973272vh;
  top: 65vh;
  left: 1107vh;
  z-index: 1;
  transform: rotate(0deg);
  transform-origin: center;
}
body.desktop .text-wrapper-15 {
  position: absolute;
  font-weight: 400;
  color: #4CA8E9;
  font-size: 23px;
  letter-spacing: 0;
  line-height: normal;
  text-align: center;
  text-transform: uppercase;
  width: 260px;
  top: 820px;
  left: 4574px;
  width: 60.7vh;
  top: 91vh;
  left: 1096vh;
  font-size: 2.1175vh;
  width: 29.645vh;
  top: 91.8995vh;
  left: 1112.3651vh;
  z-index: 0;
  transform: rotate(0deg);
  transform-origin: center;
}
body.desktop .mixing-misery-1 {
  position: absolute;
  object-fit: cover;
  width: 1080px;
  height: 1920px;
  width: 118.03279vh;
  height: 209.83607vh;
  width: 23.7362637363vh;
  height: 42.1978021978vh;
  top: 50vh;
  left: 1159vh;
  z-index: 1;
  transform: scale(1) rotate(0deg);
  transform-origin: center;
}
body.desktop .text-wrapper-16 {
  position: absolute;
  font-weight: 400;
  color: #4CA8E9;
  font-size: 23px;
  letter-spacing: 0;
  line-height: normal;
  text-align: center;
  width: 260px;
  top: 820px;
  left: 4574px;
  width: 30.7vh;
  top: 93vh;
  left: 1153.5vh;
  font-size: 2.0328vh;
  width: 28.798vh;
  top: 91.0525vh;
  left: 1156.6632vh;
  z-index: 0;
  transform: rotate(0deg);
  transform-origin: center;
}
body.desktop .migos-mairead {
  position: absolute;
  object-fit: cover;
  width: 1080px;
  height: 1920px;
  width: 118.03279vh;
  height: 209.83607vh;
  width: 29.6703296703vh;
  height: 52.7472527473vh;
  top: 2vh;
  left: 1184vh;
  z-index: auto;
  transform: scale(1) rotate(0deg);
  transform-origin: center;
}
body.desktop .air-quality {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 1179px;
  height: 2289px;
  width: 129.5604395604vh;
  height: 251.5384615385vh;
  width: 23.3208791209vh;
  height: 45.2769230769vh;
  top: 56vh;
  left: 1187vh;
  z-index: auto;
  transform: scale(1) rotate(0deg);
  transform-origin: center;
}
@media (max-width: 36em) {
  body.desktop .air-quality {
    display: none;
  }
}
body.desktop .text-wrapper-17 {
  position: absolute;
  font-weight: 400;
  color: #e1effa;
  font-size: 17px;
  letter-spacing: 0;
  line-height: normal;
  text-align: center;
  text-transform: uppercase;
  width: 260px;
  top: 820px;
  left: 4574px;
  width: 50.7vh;
  top: 84vh;
  left: 1176.5vh;
  font-size: 1.694vh;
  width: 15.246vh;
  top: 84.2765vh;
  left: 1194.7782vh;
  transform: rotate(0deg);
  transform-origin: center;
}
@media (max-width: 36em) {
  body.desktop .text-wrapper-17 {
    display: none;
  }
}
body.desktop .hannah-montana {
  position: absolute;
  object-fit: cover;
  width: 1080px;
  height: 1920px;
  width: 118.6813186813vh;
  height: 210.989010989vh;
  width: 23.7362637363vh;
  height: 42.1978021978vh;
  top: 2vh;
  left: 1215vh;
  z-index: auto;
  transform: scale(1) rotate(0deg);
  transform-origin: center;
}
body.desktop .text-wrapper-18 {
  position: absolute;
  font-weight: 400;
  color: #4CA8E9;
  font-size: 17px;
  letter-spacing: 0;
  line-height: normal;
  text-transform: uppercase;
  text-align: center;
  width: 260px;
  top: 820px;
  left: 4574px;
  width: 30.7vh;
  top: 44vh;
  left: 1212vh;
  font-size: 2.0328vh;
  width: 26.257vh;
  top: 44.4675vh;
  left: 1213.4122vh;
  transform: rotate(0deg);
  transform-origin: center;
}
body.desktop .ep-mixing-date {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 330px;
  height: 588px;
  width: 36.2637362637vh;
  height: 64.6153846154vh;
  width: 21.7582417582vh;
  height: 38.7692307692vh;
  top: 58vh;
  left: 1214vh;
  z-index: auto;
  transform: scale(1) rotate(0deg);
  transform-origin: center;
}
body.desktop .text-wrapper-19 {
  position: absolute;
  font-weight: 400;
  color: #4CA8E9;
  font-size: 16px;
  letter-spacing: 0;
  line-height: normal;
  text-align: center;
  text-transform: uppercase;
  width: 260px;
  top: 820px;
  left: 4574px;
  width: 31.7vh;
  top: 3vh;
  left: 1240vh;
  font-size: 2.0328vh;
  width: 33.88vh;
  top: 2.9645vh;
  left: 1248.1392vh;
  transform: rotate(0deg);
  transform-origin: center;
}
body.desktop .notebook {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 860px;
  height: 628px;
  width: 94.5054945055vh;
  height: 69.010989011vh;
  width: 56.7032967033vh;
  height: 41.4065934066vh;
  top: 21vh;
  left: 1241vh;
  z-index: 1;
  transform: rotate(5deg);
  transform-origin: center;
}
body.desktop .ep-vocal-booth {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 283px;
  height: 328px;
  width: 31.0989010989vh;
  height: 36.043956044vh;
  width: 24.8791208791vh;
  height: 28.8351648352vh;
  top: 42vh;
  left: 1242vh;
  z-index: 2;
  transform: scale(1) rotate(-5deg);
  transform-origin: center;
}
body.desktop .ep-vocal-booth-2 {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 316px;
  height: 422px;
  width: 35.18931vh;
  height: 46.99332vh;
  width: 20.8351648352vh;
  height: 27.8241758242vh;
  top: 43vh;
  left: 1268vh;
  z-index: 2;
  transform: scale(1) rotate(106deg);
  transform-origin: center;
}
body.desktop .ep-title {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 928px;
  height: 357px;
  width: 103.34076vh;
  height: 39.75501vh;
  width: 81.5824175824vh;
  height: 31.3846153846vh;
  top: 70vh;
  left: 1237vh;
  z-index: auto;
  transform: rotate(0deg);
  transform-origin: center;
}
body.desktop .ep-spencer-tracklist {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 878px;
  height: 1242px;
  width: 97.77283vh;
  height: 138.30735vh;
  width: 28.9450549451vh;
  height: 40.9450549451vh;
  top: 1vh;
  left: 1293vh;
  z-index: 0;
  transform: rotate(0deg);
  transform-origin: center;
}
body.desktop .text-wrapper-20 {
  position: absolute;
  font-family: "Thinker", system-ui, -apple-system, "Segoe UI", sans-serif, "Thinker";
  font-weight: 400;
  color: #4CA8E9;
  font-size: 18px;
  letter-spacing: 0;
  line-height: normal;
  text-align: center;
  text-transform: lowercase;
  width: 260px;
  top: 820px;
  left: 4574px;
  width: 28.7vh;
  top: 6vh;
  left: 1286vh;
  font-size: 2.0328vh;
  width: 15.246vh;
  top: 5.5055vh;
  left: 1293.0302vh;
  z-index: 2;
  transform: rotate(0deg);
  transform-origin: center;
}
body.desktop .mixing-misery-6 {
  position: absolute;
  object-fit: cover;
  width: 1080px;
  height: 1920px;
  width: 118.6813186813vh;
  height: 210.989010989vh;
  width: 23.7362637363vh;
  height: 42.1978021978vh;
  top: 44vh;
  left: 1297vh;
  z-index: 1;
  transform: rotate(0deg);
  transform-origin: center;
}
body.desktop .scrabbleboard {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 498px;
  height: 526px;
  width: 54.7252747253vh;
  height: 57.8021978022vh;
  width: 43.7802197802vh;
  height: 46.2417582418vh;
  top: 2vh;
  left: 1327vh;
  z-index: auto;
  transform: rotate(-9deg);
  transform-origin: center;
}
body.desktop .text-wrapper-21 {
  position: absolute;
  font-weight: 400;
  color: #4CA8E9;
  font-size: 17px;
  letter-spacing: 0;
  line-height: normal;
  text-transform: uppercase;
  text-align: center;
  width: 260px;
  top: 820px;
  left: 4574px;
  width: 42.7vh;
  top: 57vh;
  left: 1313vh;
  font-size: 2.0328vh;
  width: 22.869vh;
  top: 59.7135vh;
  left: 1324.3692vh;
  transform: rotate(0deg);
  transform-origin: center;
}
body.desktop .sabrinacarpenter {
  position: absolute;
  object-fit: cover;
  width: 1080px;
  height: 1920px;
  width: 118.03279vh;
  height: 209.83607vh;
  width: 23.7362637363vh;
  height: 42.1978021978vh;
  top: 54vh;
  left: 1349vh;
  z-index: 1;
  transform: rotate(0deg);
  transform-origin: center;
}
body.desktop .blue-star-10 {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 154px;
  height: 147px;
  width: 16.9230769231vh;
  height: 16.1538461538vh;
  width: 10.1538461538vh;
  height: 9.6923076923vh;
  top: -3vh;
  left: 1395vh;
  z-index: 0;
  transform: rotate(33deg);
  transform-origin: center;
}
@media (max-width: 36em) {
  body.desktop .blue-star-10 {
    --left: 1097svh;
  }
}
body.desktop .discord-message-1 {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 1014px;
  height: 685px;
  width: 112.91759vh;
  height: 76.28062vh;
  width: 27.8571428571vh;
  height: 18.8186813187vh;
  top: 9vh;
  left: 1378vh;
  z-index: 0;
  transform: scale(1) rotate(4deg);
  transform-origin: center;
}
body.desktop .discord-message-2 {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 1080px;
  height: 383px;
  width: 120.26726vh;
  height: 42.65033vh;
  width: 29.6703296703vh;
  height: 10.521978022vh;
  top: 27vh;
  left: 1379vh;
  z-index: 1;
  transform: scale(1) rotate(0deg);
  transform-origin: center;
}
body.desktop .discord-message-3 {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 1179px;
  height: 404px;
  width: 131.29176vh;
  height: 44.98886vh;
  width: 32.3901098901vh;
  height: 11.0989010989vh;
  top: 36vh;
  left: 1377vh;
  z-index: 0;
  transform: rotate(5deg);
  transform-origin: center;
}
body.desktop .exitwounds-zoom {
  position: absolute;
  object-fit: cover;
  width: 1080px;
  height: 1920px;
  width: 118.03279vh;
  height: 209.83607vh;
  width: 23.7362637363vh;
  height: 42.1978021978vh;
  top: 56vh;
  left: 1376vh;
  z-index: auto;
  transform: rotate(0deg);
  transform-origin: center;
}
body.desktop .silver-star1-4 {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 214px;
  height: 210px;
  width: 28.82vh;
  height: 28.38vh;
  width: 28.82vh;
  height: 28.38vh;
  top: -2vh;
  left: 1411vh;
  z-index: 6;
  transform: rotate(21deg);
  transform-origin: center;
}
body.desktop .scrabble-piece {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 946px;
  height: 604px;
  width: 105.34521vh;
  height: 67.26058vh;
  width: 20.7912087912vh;
  height: 13.2747252747vh;
  top: 34vh;
  left: 1407vh;
  z-index: auto;
  transform: rotate(0deg);
  transform-origin: center;
}
body.desktop .ep-zoom {
  position: absolute;
  object-fit: cover;
  width: 1080px;
  height: 1920px;
  width: 118.03279vh;
  height: 209.83607vh;
  width: 23.7362637363vh;
  height: 42.1978021978vh;
  top: 48vh;
  left: 1401vh;
  z-index: auto;
  transform: rotate(0deg);
  transform-origin: center;
}
@media (max-width: 36em) {
  body.desktop .ep-zoom {
    --left:1121svh;
  }
}
body.desktop .text-wrapper-22 {
  position: absolute;
  font-weight: 400;
  color: #4CA8E9;
  font-size: 15px;
  letter-spacing: 0;
  line-height: normal;
  text-align: center;
  text-transform: uppercase;
  width: 260px;
  top: 820px;
  left: 4574px;
  width: 30.7vh;
  top: 89.5vh;
  left: 1397.5vh;
  font-size: 2.0328vh;
  width: 26.257vh;
  top: 89.3585vh;
  left: 1399.7522vh;
  transform: rotate(0deg);
  transform-origin: center;
}
@media (max-width: 36em) {
  body.desktop .text-wrapper-22 {
    --left:1121svh;
  }
}
body.desktop .mixing-sleepwalking-2 {
  position: absolute;
  object-fit: cover;
  width: 1080px;
  height: 1920px;
  width: 118.03279vh;
  height: 209.83607vh;
  width: 26.1098901099vh;
  height: 46.4175824176vh;
  top: 2vh;
  left: 1429vh;
  z-index: auto;
  transform: rotate(0deg);
  transform-origin: center;
}
body.desktop .ep-tweet {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 658px;
  height: 1206px;
  width: 73.27394vh;
  height: 134.29844vh;
  width: 25.3076923077vh;
  height: 46.3846153846vh;
  top: 50vh;
  left: 1429vh;
  z-index: auto;
  transform: scale(1) rotate(0deg);
  transform-origin: center;
}
body.desktop .starterpack {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 1080px;
  height: 1080px;
  width: 118.6813186813vh;
  height: 118.6813186813vh;
  width: 42.7252747253vh;
  height: 42.7252747253vh;
  top: 1vh;
  left: 1456vh;
  z-index: auto;
  transform: rotate(0deg);
  transform-origin: center;
}
body.desktop .ep-cover {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 1000px;
  height: 1000px;
  width: 111.35857vh;
  height: 111.35857vh;
  width: 53.0549450549vh;
  height: 53.0549450549vh;
  top: 45vh;
  left: 1456vh;
  z-index: 0;
  transform: rotate(0deg);
  transform-origin: center;
}
@media (max-width: 36em) {
  body.desktop .ep-cover {
    --left:1166svh;
  }
}
body.desktop .artwork-testshoot-1 {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 640px;
  height: 480px;
  width: 70.3296703297vh;
  height: 52.7472527473vh;
  width: 38.6813186813vh;
  height: 29.010989011vh;
  top: 2vh;
  left: 1500vh;
  z-index: auto;
  transform: rotate(0deg);
  transform-origin: center;
}
body.desktop .artwork-title {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 673px;
  height: 374px;
  width: 73.956043956vh;
  height: 41.0989010989vh;
  width: 44.3736263736vh;
  height: 20.65934vh;
  top: 33vh;
  left: 1499vh;
  z-index: 1;
  transform: rotate(0deg);
  transform-origin: center;
}
body.desktop .silver-star3-8 {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 165px;
  height: 160px;
  width: 18.03279vh;
  height: 17.48634vh;
  width: 7.213116vh;
  height: 6.994536vh;
  top: 0vh;
  left: 500vh;
  z-index: auto;
  transform: scale(1) rotate(0deg);
  transform-origin: center;
}
@media (max-width: 36em) {
  body.desktop .silver-star3-8 {
    display: none;
    --left: 1239svh;
  }
}
body.desktop .artwork-testshoot-5 {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 872px;
  height: 480px;
  width: 95.8241758242vh;
  height: 52.7472527473vh;
  width: 47.9120879121vh;
  height: 26.3736263736vh;
  top: 3vh;
  left: 1539vh;
  z-index: 3;
  transform: rotate(0deg);
  transform-origin: center;
}
body.desktop .artwork-testshoot-4 {
  position: absolute;
  object-fit: cover;
  width: 872px;
  height: 480px;
  width: 95.8241758242vh;
  height: 52.7472527473vh;
  width: 47.9120879121vh;
  height: 26.3736263736vh;
  top: 30vh;
  left: 1544vh;
  z-index: 2;
  transform: rotate(0deg);
  transform-origin: center;
}
body.desktop .about-artwork {
  position: absolute;
  object-fit: cover;
  width: 860px;
  height: 545px;
  width: 94.5054945055vh;
  height: 59.8901098901vh;
  width: 61.4285714286vh;
  height: 38.9285714286vh;
  top: 59vh;
  left: 1511vh;
  z-index: auto;
  transform: rotate(0deg);
  transform-origin: center;
}
body.desktop .caitlin-text-1 {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 600px;
  height: 668px;
  width: 65.9340659341vh;
  height: 73.4065934066vh;
  width: 29.010989011vh;
  height: 32.2989010989vh;
  top: 1vh;
  left: 1592vh;
  z-index: 0;
  transform: rotate(-3deg);
  transform-origin: center;
}
body.desktop .kayla-polaroid {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 565px;
  height: 450px;
  width: 62.0879120879vh;
  height: 49.4505494505vh;
  width: 24.8351648352vh;
  height: 19.7802197802vh;
  top: 35vh;
  left: 1593vh;
  z-index: auto;
  transform: rotate(0deg);
  transform-origin: center;
}
body.desktop .tv-photo {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 600px;
  height: 450px;
  width: 65.9340659341vh;
  height: 49.4505494505vh;
  width: 26.3736263736vh;
  height: 19.7802197802vh;
  top: 56vh;
  left: 1575vh;
  z-index: auto;
  transform: rotate(0deg);
  transform-origin: center;
}
body.desktop .artwork-testshoot-3 {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 872px;
  height: 480px;
  width: 95.8241758242vh;
  height: 52.7472527473vh;
  width: 36.4131868132vh;
  height: 20.043956044vh;
  top: 78vh;
  left: 1575vh;
  z-index: auto;
  transform: rotate(0deg);
  transform-origin: center;
}
body.desktop .caitlin-note {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 860px;
  height: 350px;
  width: 94.5054945055vh;
  height: 38.4615384615vh;
  width: 47.2527472527vh;
  height: 19.2307692308vh;
  top: 0.5vh;
  left: 1622vh;
  z-index: 5;
  transform: rotate(0deg);
  transform-origin: center;
}
body.desktop .caitlin-text-2 {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 670px;
  height: 712px;
  width: 73.6263736264vh;
  height: 78.2417582418vh;
  width: 32.3956043956vh;
  height: 34.4263736264vh;
  top: 20vh;
  left: 1619vh;
  z-index: 0;
  transform: rotate(0deg);
  transform-origin: center;
}
body.desktop .shoot-bts-1 {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 872px;
  height: 480px;
  width: 95.8241758242vh;
  height: 52.7472527473vh;
  width: 43.1208791209vh;
  height: 23.7362637363vh;
  top: 56vh;
  left: 1603vh;
  z-index: auto;
  transform: rotate(0deg);
  transform-origin: center;
}
body.desktop .shoot-makeup {
  position: absolute;
  object-fit: cover;
  pointer-events: auto;
  width: 489px;
  height: 652px;
  width: 53.7362637363vh;
  height: 71.6483516484vh;
  width: 14.5087912088vh;
  height: 19.3450549451vh;
  top: 81vh;
  left: 1613vh;
  z-index: auto;
  transform: rotate(0deg);
  transform-origin: center;
}
body.desktop .text-wrapper-23 {
  position: absolute;
  font-weight: 400;
  color: #4CA8E9;
  font-size: 15px;
  letter-spacing: 0;
  line-height: normal;
  text-align: center;
  text-transform: uppercase;
  width: 260px;
  top: 820px;
  left: 4574px;
  width: 30.7vh;
  top: 83vh;
  left: 1621vh;
  font-size: 2.0328vh;
  width: 18.634vh;
  top: 82.5825vh;
  left: 1628.4422vh;
  z-index: 0;
  transform: rotate(0deg);
  transform-origin: center;
}
body.desktop .caitlin-text-3 {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 670px;
  height: 892px;
  width: 73.6263736264vh;
  height: 98.021978022vh;
  width: 32.3956043956vh;
  height: 43.1296703297vh;
  top: 10vh;
  left: 1649vh;
  z-index: 0;
  transform: rotate(-4deg);
  transform-origin: center;
}
body.desktop .shoot-bts-2 {
  position: absolute;
  object-fit: cover;
  pointer-events: auto;
  width: 1080px;
  height: 1920px;
  width: 118.6813186813vh;
  height: 210.989010989vh;
  width: 23.7362637363vh;
  height: 42.1978021978vh;
  top: 56vh;
  left: 1648vh;
  z-index: auto;
  transform: rotate(0deg);
  transform-origin: center;
}
body.desktop .star-trio-3 {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 264px;
  height: 425px;
  width: 29.010989011vh;
  height: 47.8021978022vh;
  width: 11.6043956044vh;
  height: 19.1208791209vh;
  top: -1vh;
  left: 1677vh;
  z-index: auto;
  transform: rotate(-41deg);
  transform-origin: center;
}
@media (max-width: 36em) {
  body.desktop .star-trio-3 {
    --left:1369svh;
  }
}
body.desktop .star-trio-4 {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 264px;
  height: 425px;
  width: 29.010989011vh;
  height: 47.8021978022vh;
  width: 14.5054945055vh;
  height: 23.9010989011vh;
  top: -5vh;
  left: 1699vh;
  z-index: 3;
  transform: rotate(220deg);
  transform-origin: center;
}
@media (max-width: 36em) {
  body.desktop .star-trio-4 {
    display: none;
  }
}
body.desktop .dorm-mirror {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 600px;
  height: 802px;
  width: 65.9340659341vh;
  height: 88.1318681319vh;
  width: 26.3736263736vh;
  height: 35.2527472527vh;
  top: 18vh;
  left: 1678vh;
  z-index: auto;
  transform: rotate(0deg);
  transform-origin: center;
}
body.desktop .misery-bts {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 1920px;
  height: 1080px;
  width: 210.989010989vh;
  height: 118.6813186813vh;
  width: 59.0769230769vh;
  height: 33.2307692308vh;
  top: 3vh;
  left: 1705vh;
  z-index: auto;
  transform: rotate(0deg);
  transform-origin: center;
}
body.desktop .buddy-gif {
  position: absolute;
  object-fit: cover;
  pointer-events: auto;
  width: 498px;
  height: 278px;
  width: 54.7252747253vh;
  height: 30.5494505495vh;
  width: 27.3626373626vh;
  height: 15.2747252747vh;
  top: 41vh;
  left: 1704vh;
  z-index: 0;
  transform: rotate(0deg);
  transform-origin: center;
}
body.desktop .silver-star3-9 {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 165px;
  height: 160px;
  width: 18.03279vh;
  height: 17.48634vh;
  width: 9.0659340659vh;
  height: 8.7912087912vh;
  top: 53vh;
  left: 1673vh;
  z-index: auto;
  transform: scale(1) rotate(-19deg);
  transform-origin: center;
}
body.desktop .blue-star-11 {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 154px;
  height: 147px;
  width: 20.81vh;
  height: 19.86vh;
  width: 5.7538461538vh;
  height: 5.4923076923vh;
  top: 65vh;
  left: 1672vh;
  z-index: 0;
  transform: rotate(-33deg);
  transform-origin: center;
}
body.desktop .glow-star-1 {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 110px;
  height: 113px;
  width: 12.0879120879vh;
  height: 12.4175824176vh;
  width: 8.8241758242vh;
  height: 9.0648351648vh;
  top: 60vh;
  left: 1682vh;
  z-index: auto;
  transform: rotate(25deg);
  transform-origin: center;
}
body.desktop .silver-star3-10 {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 165px;
  height: 160px;
  width: 18.03279vh;
  height: 17.48634vh;
  width: 3.6263736264vh;
  height: 3.5164835165vh;
  top: 52vh;
  left: 1699vh;
  z-index: auto;
  transform: rotate(14deg);
  transform-origin: center;
}
body.desktop .blue-star-12 {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 154px;
  height: 147px;
  width: 20.81vh;
  height: 19.86vh;
  width: 11.8461538462vh;
  height: 11.3076923077vh;
  top: 60vh;
  left: 1694vh;
  z-index: 0;
  transform: otate(54deg);
  transform-origin: center;
}
body.desktop .silver-star3-11 {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 165px;
  height: 160px;
  width: 18.03279vh;
  height: 17.48634vh;
  width: 6.3461538462vh;
  height: 6.1538461538vh;
  top: 58vh;
  left: 1706vh;
  z-index: auto;
  transform: scale(1) rotate(22deg);
  transform-origin: center;
}
body.desktop .glow-star-2 {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 110px;
  height: 113px;
  width: 12.0879120879vh;
  height: 12.4175824176vh;
  width: 2.4175824176vh;
  height: 2.4835164835vh;
  top: 58vh;
  left: 1717vh;
  z-index: auto;
  transform: rotate(0deg);
  transform-origin: center;
}
body.desktop .video-title-camcorder {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 599px;
  height: 607px;
  width: 65.8241758242vh;
  height: 66.7032967033vh;
  width: 55.9505494505vh;
  height: 56.6978021978vh;
  top: 58vh;
  left: 1677vh;
  z-index: 1;
  transform: rotate(0deg);
  transform-origin: center;
}
body.desktop .video-title-gif {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 499px;
  height: 290px;
  width: 54.8351648352vh;
  height: 31.8681318681vh;
  width: 30.1593406593vh;
  height: 17.5274725275vh;
  top: 72vh;
  left: 1679vh;
  z-index: 0;
  transform: rotate(-2.5deg);
  transform-origin: center;
}
body.desktop .glow-star-3 {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 110px;
  height: 113px;
  width: 12.0879120879vh;
  height: 12.4175824176vh;
  width: 4.8351648352vh;
  height: 4.967032967vh;
  top: 90vh;
  left: 1673vh;
  z-index: 0;
  transform: rotate(0deg);
  transform-origin: center;
}
body.desktop .blue-star-13 {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 154px;
  height: 147px;
  width: 20.81vh;
  height: 19.86vh;
  width: 10.1538461538vh;
  height: 9.6923076923vh;
  top: 95vh;
  left: 1676vh;
  z-index: 0;
  transform: scale(1) rotate(16deg);
  transform-origin: center;
}
@media (max-width: 36em) {
  body.desktop .blue-star-13 {
    --left:1377svh;
  }
}
body.desktop .glow-star-4 {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 110px;
  height: 113px;
  width: 12.0879120879vh;
  height: 12.4175824176vh;
  width: 8.4615384615vh;
  height: 8.6923076923vh;
  top: 93vh;
  left: 1689vh;
  z-index: auto;
  transform: rotate(-15deg);
  transform-origin: center;
}
body.desktop .blue-star-14 {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 154px;
  height: 147px;
  width: 20.81vh;
  height: 19.86vh;
  width: 3.3846153846vh;
  height: 3.2307692308vh;
  top: 857px;
  left: 1700vh;
  z-index: 0;
  transform: rotate(-12deg);
  transform-origin: center;
}
@media (max-width: 36em) {
  body.desktop .blue-star-14 {
    display: none;
  }
}
body.desktop .silver-star3-12 {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 165px;
  height: 160px;
  width: 18.03279vh;
  height: 17.48634vh;
  width: 3.6263736264vh;
  height: 3.5164835165vh;
  top: 835px;
  left: 1705vh;
  z-index: 0;
  transform: rotate(10deg);
  transform-origin: center;
}
body.desktop .blue-star-15 {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 154px;
  height: 147px;
  width: 20.81vh;
  height: 19.86vh;
  width: 6.7692307692vh;
  height: 6.4615384615vh;
  top: 97vh;
  left: 1704vh;
  z-index: 0;
  transform: rotate(8deg);
  transform-origin: center;
}
body.desktop .glow-star-5 {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 110px;
  height: 113px;
  width: 12.0879120879vh;
  height: 12.4175824176vh;
  width: 6.043956044vh;
  height: 6.2087912088vh;
  top: 96vh;
  left: 1712vh;
  z-index: 0;
  transform: rotate(0deg);
  transform-origin: center;
}
@media (max-width: 36em) {
  body.desktop .glow-star-5 {
    display: none;
  }
}
body.desktop .misery-brainstorm-1 {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 860px;
  height: 734px;
  width: 94.5054945055vh;
  height: 80.6593406593vh;
  width: 31.1868131868vh;
  height: 26.6175824176vh;
  top: 37vh;
  left: 1729vh;
  z-index: 3;
  transform: rotate(-4deg);
  transform-origin: center;
}
body.desktop .misery-polaroids {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 1080px;
  height: 1080px;
  width: 118.6813186813vh;
  height: 118.6813186813vh;
  width: 37.978021978vh;
  height: 37.978021978vh;
  top: 62vh;
  left: 1724vh;
  z-index: 3;
  transform: rotate(-4deg);
  transform-origin: center;
}
body.desktop .glow-star-6 {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 110px;
  height: 113px;
  width: 12.0879120879vh;
  height: 12.4175824176vh;
  width: 14.5054945055vh;
  height: 14.9010989011vh;
  top: 22vh;
  left: 1768vh;
  z-index: auto;
  transform: rotate(0deg);
  transform-origin: center;
}
body.desktop .editing-misery-thought {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 530px;
  height: 386px;
  width: 58.2417582418vh;
  height: 42.4175824176vh;
  width: 29.1208791209vh;
  height: 21.2087912088vh;
  top: 2vh;
  left: 1766vh;
  z-index: 2;
  transform: rotate(0deg);
  transform-origin: center;
}
body.desktop .misery-brainstorm-arrow {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 414px;
  height: 375px;
  width: 45.4945054945vh;
  height: 41.2087912088vh;
  width: 22.7472527473vh;
  height: 20.6043956044vh;
  top: 38vh;
  left: 1761vh;
  z-index: auto;
  transform: rotate(0deg);
  transform-origin: center;
}
body.desktop .text-wrapper-24 {
  position: absolute;
  font-weight: 400;
  color: #e1effa;
  font-size: 18px;
  letter-spacing: 0;
  line-height: normal;
  text-align: center;
  text-transform: uppercase;
  width: 260px;
  top: 820px;
  width: 30.7vh;
  top: 49vh;
  left: 1758vh;
  font-size: 2.0328vh;
  width: 22.869vh;
  top: 48.7025vh;
  left: 1763.1152vh;
  transform: rotate(0deg);
  transform-origin: center;
}
body.desktop .editing-misery {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 488px;
  height: 650px;
  width: 53.6263736264vh;
  height: 71.4285714286vh;
  width: 23.0593406593vh;
  height: 30.7142857143vh;
  top: 2vh;
  left: 1789vh;
  z-index: 1;
  transform: rotate(0deg);
  transform-origin: center;
}
body.desktop .misery-brainstorm-2 {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 714px;
  height: 1022px;
  width: 78.4615384615vh;
  height: 112.3076923077vh;
  width: 21.9692307692vh;
  height: 31.4461538462vh;
  top: 34vh;
  left: 1789vh;
  z-index: 0;
  transform: rotate(0deg);
  transform-origin: center;
}
body.desktop .the-cake {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 1920px;
  height: 1080px;
  width: 210.989010989vh;
  height: 118.6813186813vh;
  width: 59.0769230769vh;
  height: 33.2307692308vh;
  top: 66vh;
  left: 1763vh;
  z-index: 1;
  transform: rotate(0deg);
  transform-origin: center;
}
body.desktop .cake-boss {
  position: absolute;
  object-fit: cover;
  pointer-events: auto;
  width: 1920px;
  height: 1080px;
  width: 210.989010989vh;
  height: 118.6813186813vh;
  width: 52.7472527473vh;
  height: 29.6703296703vh;
  top: 1vh;
  left: 1813vh;
  z-index: 3;
  transform: rotate(0deg);
  transform-origin: center;
}
body.desktop .happy-easter {
  position: absolute;
  object-fit: cover;
  pointer-events: auto;
  width: 1920px;
  height: 1080px;
  width: 210.989010989vh;
  height: 118.6813186813vh;
  width: 52.7472527473vh;
  height: 29.6703296703vh;
  top: 34vh;
  left: 1812vh;
  z-index: 2;
  transform: rotate(0deg);
  transform-origin: center;
}
body.desktop .dab-video {
  position: absolute;
  object-fit: cover;
  pointer-events: auto;
  width: 1920px;
  height: 1080px;
  width: 210.989010989vh;
  height: 118.6813186813vh;
  width: 52.7472527473vh;
  height: 29.6703296703vh;
  top: 66vh;
  left: 1824vh;
  z-index: 1;
  transform: rotate(0deg);
  transform-origin: center;
}
body.desktop .exitwounds-film-roll {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 341px;
  height: 906px;
  width: 37.4725274725vh;
  height: 99.5604395604vh;
  width: 44.967032967vh;
  height: 119.4725274725vh;
  top: -35vh;
  left: 1906vh;
  z-index: 8;
  transform: rotate(-90deg);
  transform-origin: center;
}
body.desktop .dvd-video {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 430px;
  height: 384px;
  width: 47.2527472527vh;
  height: 42.1978021978vh;
  width: 28.3516483516vh;
  height: 25.3186813187vh;
  top: 56vh;
  left: 1881vh;
  z-index: 0;
  transform: rotate(0deg);
  transform-origin: center;
}
body.desktop .across-street {
  position: absolute;
  object-fit: cover;
  pointer-events: auto;
  width: 574px;
  height: 960px;
  width: 63.0769230769vh;
  height: 105.4945054945vh;
  width: 17.6615384615vh;
  height: 29.5384615385vh;
  top: 9vh;
  left: 1894vh;
  z-index: 1;
  transform: rotate(0deg);
  transform-origin: center;
}
body.desktop .grew-here {
  position: absolute;
  object-fit: cover;
  pointer-events: auto;
  width: 814px;
  height: 964px;
  width: 89.4505494505vh;
  height: 105.9340659341vh;
  width: 25.0461538462vh;
  height: 29.6615384615vh;
  top: 9vh;
  left: 1913vh;
  z-index: 1;
  transform: rotate(0deg);
  transform-origin: center;
}
body.desktop .mazzy-star {
  position: absolute;
  object-fit: cover;
  pointer-events: auto;
  width: 814px;
  height: 964px;
  width: 89.4505494505vh;
  height: 105.9340659341vh;
  width: 25.0461538462vh;
  height: 29.6615384615vh;
  top: 9vh;
  left: 1939vh;
  z-index: 1;
  transform: rotate(0deg);
  transform-origin: center;
}
body.desktop .tisthedamn {
  position: absolute;
  object-fit: cover;
  pointer-events: auto;
  width: 714px;
  height: 962px;
  width: 78.4615384615vh;
  height: 105.7142857143vh;
  width: 21.9692307692vh;
  height: 29.6vh;
  top: 8.5vh;
  left: 1966vh;
  z-index: 1;
  transform: rotate(0deg);
  transform-origin: center;
}
body.desktop .tv-unboxing {
  position: absolute;
  object-fit: cover;
  pointer-events: auto;
  width: 1080px;
  height: 1920px;
  width: 118.03279vh;
  height: 209.83607vh;
  width: 28.4835164835vh;
  height: 50.6373626374vh;
  top: 46vh;
  left: 1914vh;
  z-index: 1;
  transform: rotate(0deg);
  transform-origin: center;
}
body.desktop .about-videos {
  position: absolute;
  object-fit: cover;
  pointer-events: auto;
  width: 859px;
  height: 530px;
  width: 94.3956043956vh;
  height: 58.2417582418vh;
  width: 33.0384615385vh;
  height: 20.3846153846vh;
  top: 46vh;
  left: 1951vh;
  z-index: 2;
  transform: rotate(6deg);
  transform-origin: center;
}
body.desktop .exitwounds-subway {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 572px;
  height: 764px;
  width: 62.8571428571vh;
  height: 83.956043956vh;
  width: 25.1428571429vh;
  height: 33.5824175824vh;
  top: 64vh;
  left: 1946vh;
  z-index: 1;
  transform: rotate(-5deg);
  transform-origin: center;
}
body.desktop .exitwounds-bts {
  position: absolute;
  object-fit: cover;
  pointer-events: auto;
  width: 1920px;
  height: 1080px;
  width: 210.989010989vh;
  height: 118.6813186813vh;
  width: 73.8461538462vh;
  height: 41.5384615385vh;
  top: 2.5vh;
  left: 1988vh;
  z-index: 8;
  transform: rotate(0deg);
  transform-origin: center;
}
body.desktop .landmines-bts-tiktok {
  position: absolute;
  object-fit: cover;
  pointer-events: auto;
  width: 1080px;
  height: 1920px;
  width: 118.03279vh;
  height: 209.83607vh;
  width: 28.4835164835vh;
  height: 50.6373626374vh;
  top: 47vh;
  left: 1987vh;
  z-index: 2;
  transform: rotate(-3deg);
  transform-origin: center;
}
body.desktop .landmines-bts {
  position: absolute;
  object-fit: cover;
  pointer-events: auto;
  width: 1920px;
  height: 1080px;
  width: 210.989010989vh;
  height: 118.6813186813vh;
  width: 63.2967032967vh;
  height: 35.6043956044vh;
  top: 52vh;
  left: 2014vh;
  z-index: 1;
  transform: rotate(0deg);
  transform-origin: center;
}
body.desktop .glitter-truck-3 {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 1250px;
  height: 300px;
  width: 169.92vh;
  height: 40.54vh;
  width: 68.6813186813vh;
  height: 16.4835164835vh;
  top: 87vh;
  left: 2023vh;
  z-index: 4;
  transform: scale(1) rotate(0deg);
  transform-origin: center;
}
@media (max-width: 36em) {
  body.desktop .glitter-truck-3 {
    display: none;
  }
}
body.desktop .backtruck-2 {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 498px;
  height: 656px;
  width: 54.7252747253vh;
  height: 72.0879120879vh;
  width: 21.8901098901vh;
  height: 28.8351648352vh;
  top: 38vh;
  left: 2075vh;
  z-index: 4;
  transform: rotate(3deg);
  transform-origin: center;
}
body.desktop .backtruck-1 {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 498px;
  height: 626px;
  width: 54.7252747253vh;
  height: 68.7912087912vh;
  width: 21.8901098901vh;
  height: 28.8351648352vh;
  top: 64vh;
  left: 2074vh;
  z-index: 4;
  transform: rotate(13deg);
  transform-origin: center;
}
body.desktop .landmines-matches {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 646px;
  height: 322px;
  width: 70.989010989vh;
  height: 35.3846153846vh;
  width: 70.989010989vh;
  height: 35.3846153846vh;
  top: 3vh;
  left: 2063vh;
  z-index: 0;
  transform: rotate(-2deg);
  transform-origin: center;
}
@media (max-width: 36em) {
  body.desktop .landmines-matches {
    --left:1708svh;
  }
}
body.desktop .blue-star-16 {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 154px;
  height: 147px;
  width: 20.81vh;
  height: 19.86vh;
  width: 8.4615384615vh;
  height: 8.0769230769vh;
  top: 42vh;
  left: 2065vh;
  z-index: 0;
  transform: scale(1) rotate(13deg);
  transform-origin: center;
}
@media (max-width: 36em) {
  body.desktop .blue-star-16 {
    display: none !important;
  }
}
body.desktop .fire-meme {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 498px;
  height: 436px;
  width: 54.7252747253vh;
  height: 47.9120879121vh;
  width: 31.1934065934vh;
  height: 27.3098901099vh;
  top: 55vh;
  left: 2092vh;
  z-index: 6;
  transform: rotate(0deg);
  transform-origin: center;
}
@media (max-width: 36em) {
  body.desktop .fire-meme {
    --left:1735svh;
  }
}
body.desktop .silver-star3-13 {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 165px;
  height: 160px;
  width: 18.03279vh;
  height: 17.48634vh;
  width: 14.5054945055vh;
  height: 14.0659340659vh;
  top: 84vh;
  left: 2098vh;
  z-index: 0;
  transform: scale(1) rotate(10deg);
  transform-origin: center;
}
@media (max-width: 36em) {
  body.desktop .silver-star3-13 {
    --left:1749svh;
  }
}
body.desktop .pretty-little-liars {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 500px;
  height: 281px;
  width: 54.9450549451vh;
  height: 30.8791208791vh;
  width: 43.956043956vh;
  height: 24.7032967033vh;
  top: 2vh;
  left: 2135vh;
  z-index: 0;
  transform: rotate(0deg);
  transform-origin: center;
}
@media (max-width: 36em) {
  body.desktop .pretty-little-liars {
    --left:1775svh;
  }
}
body.desktop .text-wrapper-25 {
  position: absolute;
  pointer-events: none;
  font-weight: 400;
  color: #4CA8E9;
  font-size: 17px;
  letter-spacing: 0;
  line-height: normal;
  text-align: center;
  text-transform: uppercase;
  width: 260px;
  top: 820px;
  left: 4574px;
  width: 91.7vh;
  top: 27vh;
  left: 2112vh;
  font-size: 2.0328vh;
  width: 47.432vh;
  top: 24.9865vh;
  left: 2133.2542vh;
  transform: rotate(0deg);
  transform-origin: center;
}
body.desktop .m-title {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 860px;
  height: 75px;
  width: 94.5054945055vh;
  height: 8.2417582418vh;
  width: 111.5164835165vh;
  height: 9.7252747253vh;
  top: 39vh;
  left: 2104vh;
  z-index: auto;
  transform: rotate(-3deg);
  transform-origin: center;
}
@media (max-width: 36em) {
  body.desktop .m-title {
    --left:1745svh;
  }
}
body.desktop .candle-lighting {
  position: absolute;
  object-fit: cover;
  pointer-events: auto;
  width: 1080px;
  height: 1920px;
  width: 118.03279vh;
  height: 209.83607vh;
  width: 23.7362637363vh;
  height: 42.1978021978vh;
  top: 55vh;
  left: 2129vh;
  z-index: 1;
  transform: rotate(0deg);
  transform-origin: center;
}
body.desktop .early-posters {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 677px;
  height: 627px;
  width: 74.3956043956vh;
  height: 68.9010989011vh;
  width: 52.8208791209vh;
  height: 48.9197802198vh;
  top: 52vh;
  left: 2152vh;
  z-index: 0;
  transform: rotate(0deg);
  transform-origin: center;
}
@media (max-width: 36em) {
  body.desktop .early-posters {
    --left:1789svh;
  }
}
body.desktop .text-wrapper-26 {
  position: absolute;
  pointer-events: auto;
  font-weight: 400;
  color: #4CA8E9;
  font-size: 15px;
  letter-spacing: 0;
  line-height: normal;
  text-align: center;
  text-transform: uppercase;
  width: 260px;
  top: 820px;
  left: 4574px;
  width: 30.7vh;
  top: 48vh;
  left: 2185vh;
  font-size: 2.0328vh;
  width: 35.574vh;
  top: 49.5495vh;
  left: 2183.2272vh;
  transform: rotate(0deg);
  transform-origin: center;
}
body.desktop .poster-arrow {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 440px;
  height: 290px;
  width: 48.3516483516vh;
  height: 31.8681318681vh;
  width: 14.5054945055vh;
  height: 9.5604395604vh;
  top: 64vh;
  left: 2213vh;
  z-index: auto;
  transform: rotate(22deg);
  transform-origin: center;
}
body.desktop .text-wrapper-27 {
  position: absolute;
  pointer-events: none;
  font-weight: 400;
  color: #4CA8E9;
  font-size: 19px;
  letter-spacing: 0;
  line-height: normal;
  text-align: center;
  text-transform: uppercase;
  width: 260px;
  top: 820px;
  left: 4574px;
  width: 20.7vh;
  top: 73vh;
  left: 2207vh;
  font-size: 2.0328vh;
  width: 18.634vh;
  top: 74.9595vh;
  left: 2206.0962vh;
  transform: rotate(0deg);
  transform-origin: center;
}
body.desktop .about-matches {
  position: absolute;
  object-fit: cover;
  pointer-events: auto;
  width: 596px;
  height: 298px;
  width: 65.4945054945vh;
  height: 32.7472527473vh;
  width: 39.2967032967vh;
  height: 19.6483516484vh;
  top: 5vh;
  left: 2184vh;
  z-index: auto;
  transform: rotate(0deg);
  transform-origin: center;
}
@media (max-width: 36em) {
  body.desktop .about-matches {
    --left:1817svh;
  }
}
body.desktop .sticker-1 {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 420px;
  height: 301px;
  width: 46.1538461538vh;
  height: 33.0769230769vh;
  width: 36.9230769231vh;
  height: 26.4615384615vh;
  top: 5vh;
  left: 2228vh;
  z-index: 1;
  transform: rotate(-7deg);
  transform-origin: center;
}
body.desktop .sticker-3 {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 420px;
  height: 419px;
  width: 46.1538461538vh;
  height: 46.043956044vh;
  width: 27.6923076923vh;
  height: 27.6263736264vh;
  top: 34vh;
  left: 2217vh;
  z-index: 0;
  transform: rotate(0deg);
  transform-origin: center;
}
body.desktop .poster {
  position: absolute;
  object-fit: cover;
  pointer-events: auto;
  width: 678px;
  height: 903px;
  width: 74.5054945055vh;
  height: 99.2307692308vh;
  width: 28.3120879121vh;
  height: 37.7076923077vh;
  top: 61vh;
  left: 2230vh;
  z-index: 1;
  transform: rotate(-2deg);
  transform-origin: center;
}
body.desktop .sticker-2 {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 586px;
  height: 319px;
  width: 64.3956043956vh;
  height: 35.0549450549vh;
  width: 45.0769230769vh;
  height: 24.5384615385vh;
  top: 6vh;
  left: 2266vh;
  z-index: 1;
  transform: rotate(6deg);
  transform-origin: center;
}
@media (max-width: 36em) {
  body.desktop .sticker-2 {
    --left:1890svh;
    --scale:.2 ;
  }
}
body.desktop .buy-button {
  position: absolute;
  object-fit: cover;
  pointer-events: auto;
  width: 498px;
  height: 215px;
  width: 54.7252747253vh;
  height: 23.6263736264vh;
  width: 41.043956044vh;
  height: 17.7197802198vh;
  top: 33vh;
  left: 2247vh;
  z-index: auto;
  transform: rotate(-8deg);
  transform-origin: center;
}
@media (max-width: 36em) {
  body.desktop .buy-button {
    --left:1883svh;
    --scale: .14;
    --y: 54svh;
  }
}
body.desktop .sims {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 480px;
  height: 480px;
  width: 52.7472527473vh;
  height: 52.7472527473vh;
  width: 10.5494505495vh;
  height: 10.5494505495vh;
  top: 50vh;
  left: 2271vh;
  z-index: 2;
  transform: rotate(0deg);
  transform-origin: center;
}
body.desktop .selfie-poster {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 675px;
  height: 900px;
  width: 74.1758241758vh;
  height: 98.9010989011vh;
  width: 29.6703296703vh;
  height: 39.5604395604vh;
  top: 59vh;
  left: 2262vh;
  z-index: auto;
  transform: rotate(4deg);
  transform-origin: center;
}
body.desktop .glow-star-7 {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 110px;
  height: 113px;
  width: 12.0879120879vh;
  height: 12.4175824176vh;
  width: 12.0879120879vh;
  height: 12.4175824176vh;
  top: 23vh;
  left: 2314vh;
  z-index: 0;
  transform: rotate(0deg);
  transform-origin: center;
}
@media (max-width: 36em) {
  body.desktop .glow-star-7 {
    display: none;
  }
}
body.desktop .london-title {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 303px;
  height: 828px;
  width: 33.2967032967vh;
  height: 90.989010989vh;
  width: 23.3076923077vh;
  height: 63.6923076923vh;
  top: 34vh;
  left: 2295vh;
  z-index: 0;
  transform: rotate(0deg);
  transform-origin: center;
}
@media (max-width: 36em) {
  body.desktop .london-title {
    --left:1916svh;
    --scale: .65;
    --y:4svh;
  }
}
body.desktop .glow-star-8 {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 110px;
  height: 113px;
  width: 12.0879120879vh;
  height: 12.4175824176vh;
  width: 6.043956044vh;
  height: 6.2087912088vh;
  top: 50vh;
  left: 2321vh;
  z-index: 2;
  transform: rotate(-19deg);
  transform-origin: center;
}
body.desktop .hangout-poster {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 806px;
  height: 964px;
  width: 88.5714285714vh;
  height: 105.9340659341vh;
  width: 53.1428571429vh;
  height: 63.5604395604vh;
  top: -2vh;
  left: 2325vh;
  z-index: 6;
  transform: rotate(-5deg);
  transform-origin: center;
}
body.desktop .london-camcorder {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 905px;
  height: 525px;
  width: 99.4505494505vh;
  height: 57.6923076923vh;
  width: 45.7472527473vh;
  height: 26.5384615385vh;
  top: 68vh;
  left: 2322vh;
  z-index: 4;
  transform: rotate(93deg);
  transform-origin: center;
}
body.desktop .london-live-1 {
  position: absolute;
  object-fit: cover;
  pointer-events: auto;
  width: 1080px;
  height: 1920px;
  width: 118.6813186813vh;
  height: 210.989010989vh;
  width: 17.8021978022vh;
  height: 31.6483516484vh;
  top: 64vh;
  left: 2336.5vh;
  z-index: 1;
  transform: rotate(2deg);
  transform-origin: center;
}
body.desktop .london-live-2 {
  position: absolute;
  object-fit: cover;
  pointer-events: auto;
  width: 1080px;
  height: 1920px;
  width: 118.6813186813vh;
  height: 210.989010989vh;
  width: 21.3626373626vh;
  height: 37.978021978vh;
  top: 60vh;
  left: 2362.5vh;
  z-index: auto;
  transform: rotate(0deg);
  transform-origin: center;
}
body.desktop .hangout-vlog {
  position: absolute;
  object-fit: cover;
  pointer-events: auto;
  width: 1920px;
  height: 1080px;
  width: 210.989010989vh;
  height: 118.6813186813vh;
  width: 56.967032967vh;
  height: 32.043956044vh;
  top: 2vh;
  left: 2377.5vh;
  z-index: 8;
  transform: rotate(0deg);
  transform-origin: center;
}
body.desktop .rsvp-cloud {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 562px;
  height: 425px;
  width: 61.7582417582vh;
  height: 46.7032967033vh;
  width: 25.9384615385vh;
  height: 19.6153846154vh;
  top: 37vh;
  left: 2378vh;
  z-index: 0;
  transform: rotate(-5deg);
  transform-origin: center;
}
body.desktop .glow-star-9 {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 110px;
  height: 113px;
  width: 12.0879120879vh;
  height: 12.4175824176vh;
  width: 12.0879120879vh;
  height: 12.4175824176vh;
  top: 89vh;
  left: 2385vh;
  z-index: auto;
  transform: rotate(0deg);
  transform-origin: center;
}
body.desktop .rsvp-arrow {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 382px;
  height: 150px;
  width: 41.978021978vh;
  height: 16.4835164835vh;
  width: 13.0131868132vh;
  height: 5.1098901099vh;
  top: 55vh;
  left: 2394vh;
  z-index: auto;
  transform: rotate(-23deg);
  transform-origin: center;
}
body.desktop .rsvp-button {
  position: absolute;
  object-fit: cover;
  pointer-events: auto;
  width: 563px;
  height: 189px;
  width: 61.8681318681vh;
  height: 20.7692307692vh;
  width: 35.8835164835vh;
  height: 12.0461538462vh;
  top: 40vh;
  left: 2406vh;
  z-index: auto;
  transform: rotate(0deg);
  transform-origin: center;
}
body.desktop .blue-star-17 {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 154px;
  height: 147px;
  width: 20.81vh;
  height: 19.86vh;
  width: 6.7692307692vh;
  height: 6.4615384615vh;
  top: 67vh;
  left: 2412vh;
  z-index: 0;
  transform: scale(1) rotate(56deg);
  transform-origin: center;
}
body.desktop .london-matches {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 860px;
  height: 675px;
  width: 94.5054945055vh;
  height: 74.1758241758vh;
  width: 47.2527472527vh;
  height: 37.0879120879vh;
  top: 63vh;
  left: 2391vh;
  z-index: 0;
  transform: rotate(5deg);
  transform-origin: center;
}
body.desktop .silver-star3-14 {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 165px;
  height: 160px;
  width: 18.03279vh;
  height: 17.48634vh;
  width: 10.8791208791vh;
  height: 10.5494505495vh;
  top: 90vh;
  left: 2432vh;
  z-index: 0;
  transform: scale(1) rotate(26deg);
  transform-origin: center;
}
@media (max-width: 36em) {
  body.desktop .silver-star3-14 {
    --left:2051svh;
  }
}
body.desktop .about-london {
  position: absolute;
  object-fit: cover;
  pointer-events: auto;
  width: 562px;
  height: 727px;
  width: 61.7582417582vh;
  height: 79.8901098901vh;
  width: 46.3186813187vh;
  height: 59.9175824176vh;
  top: 1vh;
  left: 2442vh;
  z-index: auto;
  transform: rotate(-10deg);
  transform-origin: center;
}
body.desktop .blue-star-18 {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 154px;
  height: 147px;
  width: 20.81vh;
  height: 19.86vh;
  width: 6.7692307692vh;
  height: 6.4615384615vh;
  top: 62vh;
  left: 2471vh;
  z-index: 0;
  transform: scale(1) rotate(20deg);
  transform-origin: center;
}
body.desktop .onedirection {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 500px;
  height: 281px;
  width: 54.9450549451vh;
  height: 30.8791208791vh;
  width: 32.967032967vh;
  height: 18.5274725275vh;
  top: 72vh;
  left: 2443vh;
  z-index: auto;
  transform: rotate(0deg);
  transform-origin: center;
}
body.desktop .text-wrapper-28 {
  position: absolute;
  pointer-events: auto;
  font-weight: 400;
  color: #4CA8E9;
  font-size: 22px;
  letter-spacing: 0;
  line-height: normal;
  text-align: center;
  width: 260px;
  top: 820px;
  left: 4574px;
  width: 24.7vh;
  top: 89vh;
  left: 2452vh;
  font-size: 2.0328vh;
  width: 20.328vh;
  top: 89.3585vh;
  left: 2455.9612vh;
  transform: rotate(0deg);
  transform-origin: center;
}
body.desktop .silver-star3-15 {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 165px;
  height: 160px;
  width: 18.03279vh;
  height: 17.48634vh;
  width: 7.213116vh;
  height: 6.994536vh;
  top: 93vh;
  left: 2482vh;
  z-index: auto;
  transform: rotate(46deg);
  transform-origin: center;
}
@media (max-width: 36em) {
  body.desktop .silver-star3-15 {
    display: none;
  }
}
body.desktop .silver-star3-16 {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 165px;
  height: 160px;
  width: 18.03279vh;
  height: 17.48634vh;
  width: 7.213116vh;
  height: 6.994536vh;
  top: -1vh;
  left: 2487vh;
  z-index: auto;
  transform: rotate(19deg);
  transform-origin: center;
}
@media (max-width: 36em) {
  body.desktop .silver-star3-16 {
    display: none;
  }
}
body.desktop .glow-star-10 {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 110px;
  height: 113px;
  width: 12.0879120879vh;
  height: 12.4175824176vh;
  width: 12.0879120879vh;
  height: 12.4175824176vh;
  top: -4vh;
  left: 2517vh;
  z-index: auto;
  transform: rotate(-120deg);
  transform-origin: center;
}
body.desktop .hangout-tweet {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 610px;
  height: 735px;
  width: 67.032967033vh;
  height: 80.7692307692vh;
  width: 33.5164835165vh;
  height: 40.3846153846vh;
  top: 11vh;
  left: 2495vh;
  z-index: auto;
  transform: rotate(0deg);
  transform-origin: center;
}
body.desktop .londoncard-v1 {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 910px;
  height: 1260px;
  width: 100vh;
  height: 138.4615384615vh;
  width: 28vh;
  height: 38.7692307692vh;
  top: 59vh;
  left: 2490vh;
  z-index: auto;
  transform: rotate(0deg);
  transform-origin: center;
}
body.desktop .glow-star-11 {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 110px;
  height: 113px;
  width: 12.0879120879vh;
  height: 12.4175824176vh;
  width: 9.0659340659vh;
  height: 9.3131868132vh;
  top: 53vh;
  left: 2522vh;
  z-index: auto;
  transform: rotate(-40deg);
  transform-origin: center;
}
body.desktop .glow-star-12 {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 110px;
  height: 113px;
  width: 12.0879120879vh;
  height: 12.4175824176vh;
  width: 12.0879120879vh;
  height: 12.4175824176vh;
  top: 42vh;
  left: 2534vh;
  z-index: auto;
  transform: rotate(0deg);
  transform-origin: center;
}
@media (max-width: 36em) {
  body.desktop .glow-star-12 {
    display: none;
    --left:2142svh;
  }
}
body.desktop .londoncard-arrow-1 {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 382px;
  height: 150px;
  width: 41.978021978vh;
  height: 16.4835164835vh;
  width: 8.3956043956vh;
  height: 3.2967032967vh;
  top: 88vh;
  left: 2521vh;
  z-index: auto;
  transform: rotate(-50deg);
  transform-origin: center;
}
body.desktop .text-wrapper-29 {
  position: absolute;
  pointer-events: auto;
  font-weight: 400;
  color: #E1EFFA;
  font-size: 22px;
  letter-spacing: 0;
  line-height: normal;
  text-align: center;
  text-transform: uppercase;
  width: 260px;
  top: 820px;
  left: 4574px;
  width: 22.7vh;
  top: 66vh;
  left: 2521vh;
  font-size: 2.0328vh;
  width: 20.328vh;
  top: 68.1835vh;
  left: 2522.8742vh;
  transform: rotate(0deg);
  transform-origin: center;
}
body.desktop .blue-star-19 {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 154px;
  height: 147px;
  width: 20.81vh;
  height: 19.86vh;
  width: 6.7692307692vh;
  height: 6.4615384615vh;
  top: 89vh;
  left: 2539vh;
  z-index: 0;
  transform: scale(1) rotate(-36deg);
  transform-origin: center;
}
@media (max-width: 36em) {
  body.desktop .blue-star-19 {
    display: none;
  }
}
body.desktop .londoncard-arrow-2 {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 382px;
  height: 150px;
  width: 41.978021978vh;
  height: 16.4835164835vh;
  width: 8.3956043956vh;
  height: 3.2967032967vh;
  top: 61vh;
  left: 2534vh;
  z-index: auto;
  transform: rotate(165deg);
  transform-origin: center;
}
body.desktop .silver-star3-17 {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 165px;
  height: 160px;
  width: 18.03279vh;
  height: 17.48634vh;
  width: 9.9725274725vh;
  height: 9.6703296703vh;
  top: 77vh;
  left: 2558vh;
  z-index: auto;
  transform: rotate(25deg);
  transform-origin: center;
}
@media (max-width: 36em) {
  body.desktop .silver-star3-17 {
    display: none;
  }
}
body.desktop .blue-star-20 {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 154px;
  height: 147px;
  width: 20.81vh;
  height: 19.86vh;
  width: 5.9230769231vh;
  height: 5.6538461538vh;
  top: 80vh;
  left: 2549vh;
  z-index: 0;
  transform: rotate(30deg);
  transform-origin: center;
}
body.desktop .london-tv {
  position: absolute;
  object-fit: cover;
  pointer-events: auto;
  width: 1275px;
  height: 1000px;
  width: 140.1098901099vh;
  height: 109.8901098901vh;
  width: 50.0892857143vh;
  height: 39.2857142857vh;
  top: -1vh;
  left: 2532vh;
  z-index: 4;
  transform: rotate(0deg);
  transform-origin: center;
}
@media (max-width: 36em) {
  body.desktop .london-tv {
    display: none;
  }
}
body.desktop .london-tv-mobile {
  display: none;
}
@media (max-width: 36em) {
  body.desktop .london-tv-mobile {
    display: flex;
    position: absolute;
    object-fit: cover;
    pointer-events: auto;
    width: 1275px;
    height: 1000px;
    width: 140.1098901099vh;
    height: 109.8901098901vh;
    width: 50.0892857143vh;
    height: 39.2857142857vh;
    top: -1vh;
    left: 2532vh;
    z-index: 4;
    transform: rotate(0deg);
    transform-origin: center;
  }
}
body.desktop .londoncard-front {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 470px;
  height: 651px;
  width: 51.6483516484vh;
  height: 71.5384615385vh;
  width: 28.4065934066vh;
  height: 39.3461538462vh;
  top: 35vh;
  left: 2547vh;
  z-index: 1;
  transform: rotate(0deg);
  transform-origin: center;
}
body.desktop .film-strip {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 166px;
  height: 671px;
  width: 18.2417582418vh;
  height: 73.7362637363vh;
  width: 18.2417582418vh;
  height: 73.7362637363vh;
  top: -2vh;
  left: 2587vh;
  z-index: auto;
  transform: rotate(-5deg);
  transform-origin: center;
}
body.desktop .londoncard-back {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 642px;
  height: 464px;
  width: 70.5494505495vh;
  height: 50.989010989vh;
  width: 38.8021978022vh;
  height: 28.043956044vh;
  top: 70vh;
  left: 2570vh;
  z-index: 0;
  transform: rotate(0deg);
  transform-origin: center;
}
body.desktop .dreamdotnet {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 503px;
  height: 230px;
  width: 55.2747252747vh;
  height: 25.2747252747vh;
  width: 55.2747252747vh;
  height: 25.2747252747vh;
  top: 3vh;
  left: 2606vh;
  z-index: auto;
  transform: rotate(0deg);
  transform-origin: center;
}
body.desktop .church-video {
  position: absolute;
  object-fit: cover;
  pointer-events: auto;
  width: 812px;
  height: 910px;
  width: 89.2307692308vh;
  height: 100vh;
  width: 31.2307692308vh;
  height: 35vh;
  top: 30vh;
  left: 2609vh;
  z-index: auto;
  transform: rotate(0deg);
  transform-origin: center;
}
body.desktop .text-wrapper-30 {
  position: absolute;
  pointer-events: none;
  font-weight: 400;
  color: #4CA8E9;
  font-size: 17px;
  letter-spacing: 0;
  line-height: normal;
  text-align: center;
  text-transform: uppercase;
  width: 260px;
  top: 820px;
  left: 4574px;
  width: 28.7vh;
  top: 64vh;
  left: 2610vh;
  font-size: 2.0328vh;
  width: 33.033vh;
  top: 63.9485vh;
  left: 2609.2682vh;
  transform: rotate(0deg);
  transform-origin: center;
}
body.desktop .villains {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 492px;
  height: 484px;
  width: 54.0659340659vh;
  height: 53.1868131868vh;
  width: 24.3296703297vh;
  height: 23.9340659341vh;
  top: 75vh;
  left: 2613vh;
  z-index: auto;
  transform: rotate(0deg);
  transform-origin: center;
}
body.desktop .strawberry {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 438px;
  height: 506px;
  width: 48.1318681319vh;
  height: 55.6043956044vh;
  width: 19.2527472527vh;
  height: 22.2417582418vh;
  top: 5vh;
  left: 2664vh;
  z-index: auto;
  transform: rotate(10deg);
  transform-origin: center;
}
body.desktop .glow-star-13 {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 110px;
  height: 113px;
  width: 12.0879120879vh;
  height: 12.4175824176vh;
  width: 12.0879120879vh;
  height: 12.4175824176vh;
  top: 46vh;
  left: 1460vh;
  z-index: auto;
  transform: rotate(0deg);
  transform-origin: center;
}
@media (max-width: 36em) {
  body.desktop .glow-star-13 {
    display: none;
  }
}
body.desktop .next-title {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 566px;
  height: 304px;
  width: 62.1978021978vh;
  height: 33.4065934066vh;
  width: 62.1978021978vh;
  height: 33.4065934066vh;
  top: 31vh;
  left: 2644vh;
  z-index: auto;
  transform: rotate(-7deg);
  transform-origin: center;
}
body.desktop .join-postcard {
  position: absolute;
  object-fit: cover;
  pointer-events: auto;
  width: 638px;
  height: 404px;
  width: 70.1098901099vh;
  height: 44.3956043956vh;
  width: 49.0769230769vh;
  height: 31.0769230769vh;
  top: 68vh;
  left: 2642vh;
  z-index: auto;
  transform: rotate(4deg);
  transform-origin: center;
}
body.desktop .text-wrapper-31 {
  position: absolute;
  pointer-events: none;
  font-weight: 400;
  color: #4CA8E9;
  font-size: 23px;
  letter-spacing: 0;
  line-height: normal;
  text-align: center;
  text-transform: uppercase;
  width: 260px;
  top: 820px;
  left: 4574px;
  width: 38.7vh;
  top: 2vh;
  left: 2690vh;
  font-size: 2.2022vh;
  width: 33.4565vh;
  top: 5.5055vh;
  left: 2691.4272vh;
  z-index: 2;
  transform: rotate(0deg);
  transform-origin: center;
}
body.desktop .presave-button {
  position: absolute;
  object-fit: cover;
  pointer-events: auto;
  width: 392px;
  height: 390px;
  width: 43.0769230769vh;
  height: 42.8571428571vh;
  width: 25.8461538462vh;
  height: 25.7142857143vh;
  top: 37vh;
  left: 2708vh;
  z-index: auto;
  transform: rotate(0deg);
  transform-origin: center;
}
body.desktop .im-stamp {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 420px;
  height: 532px;
  width: 46.1538461538vh;
  height: 58.4615384615vh;
  width: 23.0769230769vh;
  height: 29.2307692308vh;
  top: 70vh;
  left: 2700vh;
  z-index: auto;
  transform: rotate(-7deg);
  transform-origin: center;
}
body.desktop .thankyou-note {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 556px;
  height: 740px;
  width: 61.0989010989vh;
  height: 81.3186813187vh;
  width: 67.2087912088vh;
  height: 89.4505494505vh;
  top: 3vh;
  left: 2736vh;
  z-index: auto;
  transform: rotate(-7deg);
  transform-origin: center;
}
body.desktop .lock-logo {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 1200px;
  height: 1200px;
  width: 131.8681318681vh;
  height: 131.8681318681vh;
  width: 79.1208791209vh;
  height: 79.1208791209vh;
  top: 2vh;
  left: 2809vh;
  z-index: auto;
  transform: rotate(0deg);
  transform-origin: center;
}
body.desktop .the-end {
  position: absolute;
  object-fit: cover;
  pointer-events: none;
  width: 750px;
  height: 250px;
  width: 82.4175824176vh;
  height: 27.4725274725vh;
  width: 98.9010989011vh;
  height: 32.967032967vh;
  top: 28vh;
  left: 2885vh;
  z-index: auto;
}
@media (max-width: 36em) {
  body.desktop .the-end {
    display: none;
  }
}
body.desktop .the-end-mobile {
  display: none;
}
@media (max-width: 36em) {
  body.desktop .the-end-mobile {
    display: flex;
    position: absolute;
    object-fit: cover;
    pointer-events: none;
    width: 750px;
    height: 250px;
    width: 82.4175824176vh;
    height: 27.4725274725vh;
    width: 98.9010989011vh;
    height: 32.967032967vh;
    top: 28vh;
    left: 2885vh;
    z-index: auto;
  }
}
body.desktop .back-button {
  position: absolute;
  object-fit: cover;
  pointer-events: auto;
  width: 674px;
  height: 122px;
  width: 74.0659340659vh;
  height: 13.4065934066vh;
  width: 74.0659340659vh;
  height: 13.4065934066vh;
  top: 69vh;
  left: 2896vh;
  z-index: 3;
}
body .wiggle {
  animation: wiggle 0.3s ease;
}
body.modal-open::after {
  content: "";
  background-color: rgba(255, 255, 255, 0.129);
  width: 100%;
  height: 100%;
  position: fixed;
}
body::before {
  transition: all 200ms;
}
body .ae-modal-overlay-closed,
body .ae-modal-closed {
  display: none;
}

.modal {
  position: fixed;
  inset: 0;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4svh;
}
.modal.hidden {
  display: none;
}
.modal::before {
  content: "";
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: -1;
}
.modal .modal-content {
  position: relative;
  background-color: transparent;
  max-height: 60svh;
  max-width: 102svh;
  overflow-y: auto;
  padding: 0svh;
}
.modal .modal-content .modal-image {
  width: 100%;
  height: auto;
  display: block;
  z-index: 10;
}
.modal .lottie-open-modal {
  cursor: pointer;
  user-select: none;
}
.modal .lottie-open-modal:hover {
  scale: 1.02;
  filter: brightness(1.15);
}
.modal button.close-modal {
  position: absolute;
  top: 1.5svh;
  left: 1svh;
  width: 5.8svh;
  height: 5.9svh;
  width: 1.7355371901svh;
  height: 1.7709563164svh;
  background-color: transparent;
  background-image: url("/assets/ui/x.webp"), url("https://github.com/izzy7wednesdays-byte/blame-archive-test/blob/main/assets/ui/x.webp?raw=true");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  border: none;
  cursor: pointer;
  z-index: 11;
}
.modal button.close-modal:hover {
  filter: brightness(1.1);
}

.social {
  position: absolute;
  top: 37svh;
  left: 5svh;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 2svh;
}
.social .social-sparkle-l,
.social .social-sparkle-r {
  width: 5svh;
  height: auto;
  display: block;
  pointer-events: none;
}
.social .icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  transition: opacity 0.2s ease;
}
.social .icon:hover, .social .icon:focus-visible {
  opacity: 0.8;
}
.social .icon img {
  width: 3svh;
  height: 3svh;
  display: block;
  object-fit: contain;
}
.social .icon .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
@media (max-width: 36em) {
  .social {
    position: absolute;
    top: 25svh;
    left: 0.5svh;
    width: fit-content;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2svh;
    gap: 1.4svh;
  }
  .social .social-sparkle-l,
  .social .social-sparkle-r {
    width: 3.5svh;
  }
  .social .icon img {
    width: 2svh;
    height: 2svh;
  }
}

.social-2 {
  position: absolute;
  top: 37svh;
  left: 5svh;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 2svh;
  top: 80svh;
  left: 2824svh;
  gap: 1.95svh;
}
.social-2 .social-sparkle-l2,
.social-2 .social-sparkle-r2 {
  width: 5svh;
  height: auto;
  display: block;
  width: 7svh;
  pointer-events: none;
}
.social-2 .icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  transition: opacity 0.2s ease;
}
.social-2 .icon:hover, .social-2 .icon:focus-visible {
  opacity: 0.8;
}
.social-2 .icon img {
  width: 3svh;
  height: 3svh;
  display: block;
  object-fit: contain;
  width: 3.5svh;
  height: 3.5svh;
}
.social-2 .icon .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

/*# sourceMappingURL=style.css.map */