/* screen - music-sweet */

.music-sweet {
  background-color: var(--mona-lisa);
  height: 1696px;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 1920px;
}

.music-sweet .heres-the-first-song-RmBIsH {
  background-color: transparent;
  height: auto;
  left: 540px;
  letter-spacing: 0.00px;
  line-height: 90px;
  position: absolute;
  text-align: center;
  top: 947px;
  white-space: nowrap;
  width: auto;
}

.music-sweet .noarms-RmBIsH {
  background-color: transparent;
  height: 1000px;
  left: 1222px;
  overflow: hidden;
  position: absolute;
  top: 174px;
  width: 1000px;
}

.music-sweet .path-6-RmBIsH {
  background-color: transparent;
  height: 91px;
  left: 1530px;
  object-fit: cover;
  position: absolute;
  top: 257px;
  width: 126px;
}

.music-sweet .polygon-1-RmBIsH {
  background-color: transparent;
  height: 41px;
  left: 1603px;
  object-fit: cover;
  position: absolute;
  top: 304px;
  width: 45px;
}

.music-sweet .polygon-2-RmBIsH {
  background-color: transparent;
  height: 31px;
  left: 1608px;
  object-fit: cover;
  position: absolute;
  top: 308px;
  width: 44px;
}

.music-sweet .line-1-RmBIsH {
  background-color: transparent;
  height: 11px;
  left: 1610px;
  object-fit: cover;
  position: absolute;
  top: 327px;
  width: 24px;
}

.music-sweet .line-2-RmBIsH {
  background-color: transparent;
  height: 26px;
  left: 1631px;
  object-fit: cover;
  position: absolute;
  top: 312px;
  width: 16px;
}

.music-sweet .roar-RmBIsH {
  background-color: transparent;
  height: auto;
  left: 1568px;
  letter-spacing: 0.00px;
  line-height: 42px;
  position: absolute;
  text-align: center;
  top: 279px;
  white-space: nowrap;
  width: auto;
}

.music-sweet .rectangle-18-RmBIsH {
  background-color: var(--white);
  border: 10px solid;
  border-color: var(--cardinal);
  box-shadow: -20px 29px 16px #00000029;
  height: 650px;
  left: 390px;
  position: absolute;
  top: 284px;
  width: 1140px;
}

.music-sweet .x3v2-RmBIsH {
  background-color: transparent;
  height: 417px;
  left: 35px;
  overflow: hidden;
  position: absolute;
  top: 467px;
  width: 417px;
}

.music-sweet .ellipse-3-RmBIsH {
  background-color: var(--vanilla-ice);
  border: 2px solid;
  border-color: var(--cardinal);
  border-radius: 115.8px/38.29px;
  height: 77px;
  left: 152px;
  position: absolute;
  top: 331px;
  width: 232px;
}

.music-sweet .polygon-3-RmBIsH {
  background-color: transparent;
  height: 56px;
  left: 189px;
  object-fit: cover;
  position: absolute;
  top: 382px;
  width: 79px;
}

.music-sweet .polygon-4-RmBIsH {
  background-color: transparent;
  height: 53px;
  left: 181px;
  object-fit: cover;
  position: absolute;
  top: 385px;
  width: 82px;
}

.music-sweet .line-6-RmBIsH {
  background-color: transparent;
  height: 44px;
  left: 182px;
  object-fit: cover;
  position: absolute;
  top: 393px;
  width: 43px;
}

.music-sweet .i-have-no-arms-RmBIsH {
  background-color: transparent;
  height: auto;
  left: 194px;
  letter-spacing: 0.00px;
  line-height: 42px;
  position: absolute;
  text-align: center;
  top: 347px;
  white-space: nowrap;
  width: auto;
}

.music-sweet .line-7-RmBIsH {
  background-color: transparent;
  height: 30px;
  left: 223px;
  object-fit: cover;
  position: absolute;
  top: 407px;
  width: 30px;
}

.music-sweet .rectangle-1-RmBIsH {
  background-color: var(--carnation);
  border-radius: 36px;
  box-shadow: 0px 3px 2px #00000029;
  height: 219px;
  left: 10px;
  position: fixed;
  top: 10px;
  width: 1898px;
}

.music-sweet .john-daugherty-RmBIsH {
  background-color: transparent;
  height: auto;
  left: 292px;
  letter-spacing: 0.00px;
  line-height: 85px;
  position: fixed;
  text-align: center;
  text-shadow: 6px 6px 6px #0000004d;
  top: 34px;
  white-space: nowrap;
  width: auto;
}

.music-sweet .makes-RmBIsH {
  background-color: transparent;
  height: auto;
  left: 496px;
  letter-spacing: 0.00px;
  line-height: 90px;
  position: fixed;
  text-align: left;
  text-shadow: 6px 6px 6px #0000004d;
  top: 104px;
  white-space: nowrap;
  width: auto;
}

.music-sweet .blim-blam-gif-RmBIsH {
  background-color: transparent;
  height: 211px;
  left: 783px;
  object-fit: cover;
  position: fixed;
  top: -29px;
  width: 343px;
}

.music-sweet .rectangle-2-RmBIsH {
  background-color: var(--carnation);
  border-radius: 36px;
  box-shadow: 0px 3px 2px #00000029;
  height: 10px;
  left: 28px;
  position: fixed;
  top: 233px;
  width: 1858px;
}

.music-sweet .rectangle-3-RmBIsH {
  background-color: var(--carnation);
  border-radius: 36px;
  box-shadow: 0px 3px 2px #00000029;
  height: 6px;
  left: 42px;
  position: fixed;
  top: 247px;
  width: 1835px;
}

.music-sweet .title-RmBIsH {
  background-color: transparent;
  height: auto;
  left: 707px;
  letter-spacing: 0.00px;
  line-height: 90px;
  position: fixed;
  text-align: left;
  top: 122px;
  white-space: nowrap;
  width: auto;
}

.music-sweet .group-9-RmBIsH {
  background-color: transparent;
  height: 586px;
  left: 0px;
  position: absolute;
  top: 1110px;
  width: 1920px;
}

.music-sweet .rectangle-118-4nxi0f {
  background-color: var(--cardinal);
  height: 98px;
  left: 0px;
  position: absolute;
  top: 44px;
  width: 100%;
}

.music-sweet .rectangle-119-4nxi0f {
  background-color: var(--cardinal);
  height: 8px;
  left: 0px;
  position: absolute;
  top: 11px;
  width: 100%;
}

.music-sweet .rectangle-120-4nxi0f {
  background-color: var(--cardinal);
  height: 16px;
  left: 0px;
  position: absolute;
  top: 24px;
  width: 100%;
}

.music-sweet .rectangle-121-4nxi0f {
  background-color: var(--cardinal);
  height: 4px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.music-sweet .component-99-45-4nxi0f {
  background-color: transparent;
  height: calc(100% - 108px);
  left: 0px;
  position: absolute;
  top: 108px;
  width: 100%;
}

.music-sweet .rectangle-116-WW3ZZu {
  background-color: var(--vista-white);
  bottom: 0px;
  box-shadow: inset 0px 16px 10px #00000029;
  height: 478px;
  left: 0px;
  position: absolute;
  width: 100%;
}

.music-sweet .home-wifVuS {
  cursor: pointer;
  pointer-events: auto;
  transition: all 0.2s ease;
}

.music-sweet .home-wifVuS:hover {
  opacity: 0;
}

.music-sweet .instagram-WW3ZZu {
  height: 32px;
  letter-spacing: 0.00px;
  line-height: 25px;
  right: 224px;
  text-align: left;
  top: calc(31.73% - 10px);
  white-space: nowrap;
  width: 111px;
}

.music-sweet .instagram-wifVuS {
  cursor: pointer;
  height: 32px;
  letter-spacing: 0.00px;
  line-height: 25px;
  pointer-events: auto;
  right: 224px;
  text-align: left;
  top: calc(31.73% - 10px);
  transition: all 0.2s ease;
  white-space: nowrap;
  width: 111px;
}

.music-sweet .instagram-wifVuS:hover {
  opacity: 0;
}

.music-sweet .johndmakesthingscom-WW3ZZu {
  background-color: transparent;
  height: 32px;
  left: 149px;
  letter-spacing: 0.00px;
  line-height: 25px;
  position: absolute;
  text-align: left;
  top: calc(46.97% - 15px);
  white-space: nowrap;
  width: 275px;
}

.music-sweet .span0-Ufr9rP {
}

.music-sweet .span1-Ufr9rP {
}

.music-sweet .span2-Ufr9rP {
}

.music-sweet .you-tube1-wifVuS {
  cursor: pointer;
  pointer-events: auto;
  transition: all 0.2s ease;
}

.music-sweet .span0-xykmGo {
}

.music-sweet .span1-xykmGo {
}

.music-sweet .span2-xykmGo {
}

.music-sweet .you-tube1-wifVuS:hover {
  opacity: 0;
}

.music-sweet .jump-to-WW3ZZu {
  background-color: transparent;
  height: 43px;
  left: calc(40.11% - 50px);
  letter-spacing: 0.00px;
  line-height: 35px;
  position: absolute;
  text-align: left;
  top: calc(19.77% - 9px);
  white-space: nowrap;
  width: 125px;
}

.music-sweet .animated-projects-wifVuS {
  cursor: pointer;
  pointer-events: auto;
  transition: all 0.2s ease;
}

.music-sweet .animated-projects-wifVuS:hover {
  opacity: 0;
}

.music-sweet .musical-projects-wifVuS {
  cursor: pointer;
  pointer-events: auto;
  transition: all 0.2s ease;
}

.music-sweet .musical-projects-wifVuS:hover {
  opacity: 0;
}

.music-sweet .written-projects-wifVuS {
  cursor: pointer;
  pointer-events: auto;
  transition: all 0.2s ease;
}

.music-sweet .written-projects-wifVuS:hover {
  opacity: 0;
}

.music-sweet .social-WW3ZZu {
  background-color: transparent;
  height: 43px;
  letter-spacing: 0.00px;
  line-height: 35px;
  position: absolute;
  right: 235px;
  text-align: left;
  top: calc(19.77% - 9px);
  white-space: nowrap;
  width: 90px;
}

.music-sweet .span0-ZW5xYq {
}

.music-sweet .span1-ZW5xYq {
}

.music-sweet .you-tube2-wifVuS {
  cursor: pointer;
  pointer-events: auto;
  transition: all 0.2s ease;
}

.music-sweet .span0-CiVFSJ {
}

.music-sweet .span1-CiVFSJ {
}

.music-sweet .you-tube2-wifVuS:hover {
  opacity: 0;
}

.music-sweet .contact-me-WW3ZZu {
  height: 32px;
  left: calc(40.37% - 49px);
  letter-spacing: 0.00px;
  line-height: 25px;
  text-align: left;
  top: calc(37.88% - 12px);
  white-space: nowrap;
  width: 122px;
}

.music-sweet .contact-me-wifVuS {
  cursor: pointer;
  height: 32px;
  left: calc(40.37% - 49px);
  letter-spacing: 0.00px;
  line-height: 25px;
  pointer-events: auto;
  text-align: left;
  top: calc(37.88% - 12px);
  transition: all 0.2s ease;
  white-space: nowrap;
  width: 122px;
}

.music-sweet .contact-me-wifVuS:hover {
  opacity: 0;
}

.music-sweet .about-me-wifVuS {
  cursor: pointer;
  pointer-events: auto;
  transition: all 0.2s ease;
}

.music-sweet .about-me-wifVuS:hover {
  opacity: 0;
}

.music-sweet .email-wifVuS {
  cursor: pointer;
  pointer-events: auto;
  transition: all 0.2s ease;
}

.music-sweet .email-wifVuS:hover {
  opacity: 0;
}

.music-sweet .reach-out-WW3ZZu {
  background-color: transparent;
  height: 43px;
  letter-spacing: 0.00px;
  line-height: 35px;
  position: absolute;
  right: calc(36.41% - 56px);
  text-align: left;
  top: calc(19.77% - 9px);
  white-space: nowrap;
  width: 154px;
}

.music-sweet .house-WW3ZZu {
  background-color: transparent;
  height: 22px;
  left: calc(38.15% - 8px);
  object-fit: cover;
  position: absolute;
  top: calc(31.14% - 7px);
  width: 22px;
}

.music-sweet .contact-me-uGgfPA {
  height: 31px;
  left: calc(36.65% - 11px);
  object-fit: cover;
  top: calc(38.46% - 12px);
  width: 31px;
}

.music-sweet .mail-WW3ZZu {
  background-color: transparent;
  height: 22px;
  object-fit: cover;
  position: absolute;
  right: calc(40.09% - 9px);
  top: calc(32.02% - 7px);
  width: 22px;
}

.music-sweet .youtube-WW3ZZu {
  top: calc(38.16% - 8px);
}

.music-sweet .youtube-wifVuS {
  top: calc(44.96% - 10px);
}

.music-sweet .instagram-uGgfPA {
  height: 22px;
  object-fit: cover;
  right: calc(18.18% - 4px);
  top: calc(31.36% - 7px);
  width: 22px;
}

.music-sweet .animation-WW3ZZu {
  height: 48px;
  left: calc(34.56% - 17px);
  object-fit: cover;
  top: calc(43.26% - 21px);
  width: 48px;
}

.music-sweet .guitar-WW3ZZu {
  background-color: transparent;
  border-radius: 11px;
  bottom: calc(49.23% - 15px);
  height: 30px;
  left: calc(35.50% - 11px);
  object-fit: cover;
  position: absolute;
  width: 30px;
}

.music-sweet .writing-WW3ZZu {
  background-color: transparent;
  bottom: calc(41.23% - 9px);
  height: 22px;
  left: calc(36.01% - 8px);
  object-fit: cover;
  position: absolute;
  width: 22px;
}

.music-sweet .dots-WW3ZZu {
  background-color: transparent;
  bottom: 150px;
  height: 22px;
  left: calc(37.96% - 8px);
  object-fit: cover;
  position: absolute;
  width: 22px;
}

.music-sweet .doodles-WW3ZZu {
  background-color: transparent;
  height: 32px;
  letter-spacing: 0.00px;
  line-height: 25px;
  position: absolute;
  right: 95px;
  text-align: left;
  top: calc(31.73% - 10px);
  white-space: nowrap;
  width: 111px;
}

.music-sweet .animation-wifVuS {
  height: 32px;
  letter-spacing: 0.00px;
  line-height: 25px;
  right: 72px;
  text-align: left;
  top: calc(38.68% - 12px);
  white-space: nowrap;
  width: 130px;
}

.music-sweet .music-WW3ZZu {
  background-color: transparent;
  height: 32px;
  letter-spacing: 0.00px;
  line-height: 25px;
  position: absolute;
  right: 118px;
  text-align: left;
  top: calc(45.63% - 15px);
  white-space: nowrap;
  width: 90px;
}

.music-sweet .group-38-RmBIsH {
  background-color: transparent;
  cursor: pointer;
  height: 71px;
  left: 1757px;
  pointer-events: auto;
  position: fixed;
  top: 76px;
  transition: all 0.2s ease;
  width: 114px;
}

.music-sweet .group-38-RmBIsH:hover {
  transform: scale(1.1);
}

.music-sweet .rectangle-147-JHxhsB {
  background-color: transparent;
  border: 2px solid;
  border-color: var(--cardinal);
  border-radius: 8px;
  height: 15px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.music-sweet .rectangle-148-JHxhsB {
  background-color: transparent;
  border: 2px solid;
  border-color: var(--cardinal);
  border-radius: 8px;
  height: 15px;
  left: 0px;
  position: absolute;
  top: calc(50.00% - 8px);
  width: 100%;
}

.music-sweet .rectangle-149-JHxhsB {
  background-color: transparent;
  border: 2px solid;
  border-color: var(--cardinal);
  border-radius: 8px;
  bottom: 0px;
  height: 15px;
  left: 0px;
  position: absolute;
  width: 100%;
}

.music-sweet .group-37-RmBIsH {
  background-color: transparent;
  cursor: pointer;
  height: 93px;
  left: 1745px;
  pointer-events: auto;
  position: fixed;
  top: 66px;
  transition: all 0.2s ease;
  width: 139px;
}

.music-sweet .group-37-RmBIsH:hover {
  opacity: 0;
}

.music-sweet .rectangle-150-3XZxZx {
  background-color: var(--carnation);
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.music-sweet .rectangle-102-3XZxZx {
  background-color: var(--cardinal);
  border-radius: 8px;
  height: 15px;
  left: 12px;
  position: absolute;
  top: 13px;
  width: calc(100% - 25px);
}

.music-sweet .rectangle-103-3XZxZx {
  background-color: var(--cardinal);
  border-radius: 8px;
  height: 15px;
  left: 12px;
  position: absolute;
  top: calc(48.72% - 7px);
  width: calc(100% - 25px);
}

.music-sweet .rectangle-104-3XZxZx {
  background-color: var(--cardinal);
  border-radius: 8px;
  bottom: calc(19.23% - 3px);
  height: 15px;
  left: 12px;
  position: absolute;
  width: calc(100% - 25px);
}

.music-sweet .component-69-45-RmBIsH {
  background-color: transparent;
  height: 100px;
  left: 33px;
  position: fixed;
  top: 288px;
  width: 100px;
}

.music-sweet .ellipse-2-QVcvE9 {
  background-color: var(--cardinal);
}

.music-sweet .pink-arrow-QVcvE9 {
  background-color: transparent;
  height: calc(100% - 25px);
  left: 13px;
  object-fit: cover;
  position: absolute;
  top: 13px;
  width: calc(100% - 25px);
}

.music-sweet .group-48-RmBIsH {
  background-color: transparent;
  cursor: pointer;
  height: 100px;
  left: 33px;
  pointer-events: auto;
  position: fixed;
  top: 288px;
  transition: all 0.2s ease;
  width: 100px;
}

.music-sweet .group-48-RmBIsH:hover {
  opacity: 0;
}

.music-sweet .ellipse-2-pxp9LN {
  background-color: var(--double-colonial-white);
}

.music-sweet .group-50-RmBIsH {
  background-color: transparent;
  cursor: pointer;
  height: 100px;
  left: 33px;
  pointer-events: auto;
  position: fixed;
  top: 288px;
  transition: all 0.2s ease;
  width: 100px;
}

.music-sweet .group-50-RmBIsH:hover {
  opacity: 0;
}

.music-sweet .ellipse-2-CBx5y1 {
  background-color: var(--cardinal);
}

.music-sweet .logo_try1-3-RmBIsH {
  background-color: transparent;
  cursor: pointer;
  height: 267px;
  left: 28px;
  object-fit: cover;
  pointer-events: auto;
  position: fixed;
  top: 10px;
  transition: all 0.2s ease;
  width: 267px;
}

.music-sweet .logo_try1-3-RmBIsH:hover {
  transform: scale(1.1);
}

.music-sweet .about-me-1 {
  background-color: transparent;
  bottom: calc(33.07% - 11px);
  height: 32px;
  left: calc(41.30% - 43px);
  letter-spacing: 0.00px;
  line-height: 25px;
  position: absolute;
  text-align: left;
  white-space: nowrap;
  width: 105px;
}

.music-sweet .animated-projects {
  background-color: transparent;
  height: 32px;
  left: calc(40.36% - 80px);
  letter-spacing: 0.00px;
  line-height: 25px;
  position: absolute;
  text-align: left;
  top: calc(44.28% - 14px);
  white-space: nowrap;
  width: 198px;
}

.music-sweet .contact-me-1 {
  background-color: transparent;
  position: absolute;
}

.music-sweet .email {
  background-color: transparent;
  height: 32px;
  letter-spacing: 0.00px;
  line-height: 25px;
  position: absolute;
  right: calc(37.05% - 23px);
  text-align: left;
  top: calc(31.73% - 10px);
  white-space: nowrap;
  width: 63px;
}

.music-sweet .home {
  background-color: transparent;
  height: 32px;
  left: calc(40.43% - 26px);
  letter-spacing: 0.00px;
  line-height: 25px;
  position: absolute;
  text-align: left;
  top: calc(31.73% - 10px);
  white-space: nowrap;
  width: 65px;
}

.music-sweet .musical-projects {
  background-color: transparent;
  bottom: calc(48.44% - 16px);
  height: 32px;
  left: calc(40.19% - 71px);
  letter-spacing: 0.00px;
  line-height: 25px;
  position: absolute;
  text-align: left;
  white-space: nowrap;
  width: 176px;
}

.music-sweet .written-projects {
  background-color: transparent;
  bottom: calc(40.25% - 13px);
  height: 32px;
  left: calc(41.00% - 73px);
  letter-spacing: 0.00px;
  line-height: 25px;
  position: absolute;
  text-align: left;
  white-space: nowrap;
  width: 177px;
}

.music-sweet .yellow-arrow {
  background-color: transparent;
  height: calc(100% - 25px);
  left: 13px;
  object-fit: cover;
  position: absolute;
  top: 13px;
  width: calc(100% - 25px);
}

.music-sweet .you-tube1 {
  background-color: transparent;
  height: 32px;
  letter-spacing: 0.00px;
  line-height: 25px;
  position: absolute;
  right: 220px;
  text-align: left;
  top: calc(38.68% - 12px);
  white-space: nowrap;
  width: 109px;
}

.music-sweet .you-tube2 {
  background-color: transparent;
  height: 32px;
  letter-spacing: 0.00px;
  line-height: 25px;
  position: absolute;
  right: 226px;
  text-align: left;
  top: calc(45.63% - 15px);
  white-space: nowrap;
  width: 103px;
}

.music-sweet .youtube {
  background-color: transparent;
  height: 22px;
  object-fit: cover;
  position: absolute;
  right: calc(17.86% - 4px);
  width: 22px;
}