/* screen - music */

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

.music .path-9-LOtmMd {
  background-color: transparent;
  height: 470px;
  left: -200px;
  object-fit: cover;
  position: absolute;
  top: 1093px;
  width: 1940px;
}

.music .path-10-LOtmMd {
  background-color: transparent;
  height: 1778px;
  left: -577px;
  object-fit: cover;
  position: absolute;
  top: -720px;
  width: 1874px;
}

.music .wheredyougo-LOtmMd {
  background-color: transparent;
  border-radius: 70px;
  height: 168px;
  left: 397px;
  object-fit: cover;
  position: absolute;
  top: 275px;
  width: 298px;
}

.music .was-that-it-frame-at-2m9s-LOtmMd {
  background-color: transparent;
  border-radius: 75px;
  height: 197px;
  left: 1325px;
  object-fit: cover;
  position: absolute;
  top: 83px;
  width: 273px;
}

.music .p1010004-frame-at-1m31s-LOtmMd {
  background-color: transparent;
  border-radius: 70px;
  height: 170px;
  left: 804px;
  object-fit: cover;
  position: absolute;
  top: 11px;
  width: 303px;
}

.music .rectangle-2-LOtmMd {
  background-color: var(--carnation);
  border-radius: 36px;
  box-shadow: 0px 3px 2px #00000029;
  height: 10px;
  left: -689px;
  position: absolute;
  top: 663px;
  transform: rotate(-90deg);
  width: 1858px;
}

.music .rectangle-3-LOtmMd {
  background-color: var(--carnation);
  border-radius: 36px;
  box-shadow: 0px 3px 2px #00000029;
  height: 6px;
  left: -666px;
  position: absolute;
  top: 662px;
  transform: rotate(-90deg);
  width: 1835px;
}

.music .rectangle-42-LOtmMd {
  background-color: var(--carnation);
  border-radius: 36px;
  box-shadow: 0px 3px 2px #00000029;
  height: 10px;
  left: 751px;
  position: absolute;
  top: 641px;
  transform: rotate(-90deg);
  width: 1858px;
}

.music .rectangle-43-LOtmMd {
  background-color: var(--carnation);
  border-radius: 36px;
  box-shadow: 0px 3px 2px #00000029;
  height: 6px;
  left: 750px;
  position: absolute;
  top: 640px;
  transform: rotate(-90deg);
  width: 1835px;
}

.music .rectangle-1-LOtmMd {
  background-color: var(--carnation);
  border-radius: 36px;
  box-shadow: 0px 3px 2px #00000029;
  height: 219px;
  left: -828px;
  position: absolute;
  top: 595px;
  transform: rotate(90deg);
  width: 1898px;
}

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

.music .makes-LOtmMd {
  background-color: transparent;
  height: 88px;
  left: 496px;
  letter-spacing: 0.00px;
  line-height: 90px;
  position: absolute;
  text-align: left;
  text-shadow: 6px 6px 6px #0000004d;
  top: 98px;
  white-space: nowrap;
  width: 436px;
}

.music .blim-blam-gif-LOtmMd {
  background-color: transparent;
  height: 211px;
  left: -73px;
  object-fit: cover;
  position: absolute;
  top: 316px;
  width: 343px;
}

.music .rectangle-40-LOtmMd {
  background-color: var(--carnation);
  border-radius: 36px;
  box-shadow: 0px 3px 2px #00000029;
  height: 219px;
  left: 851px;
  position: absolute;
  top: 622px;
  transform: rotate(90deg);
  width: 1898px;
}

.music .title-LOtmMd {
  -webkit-text-stroke: 4px var(--mona-lisa);
  background-color: transparent;
  color: var(--carnation);
  font-family: var(--font-family-cambria-regular);
  font-size: 180px;
  font-style: normal;
  font-weight: 400;
  height: auto;
  left: 718px;
  letter-spacing: 0.00px;
  line-height: 199px;
  position: absolute;
  text-align: left;
  text-decoration: underline;
  text-shadow: -16px 16px 10px #00000029;
  top: 74px;
  white-space: nowrap;
  width: auto;
}

.music .rectangle-41-LOtmMd {
  background-color: var(--white);
  border-radius: 23px;
  box-shadow: -16px 16px 10px #00000029;
  height: 160px;
  left: 583px;
  position: absolute;
  top: 359px;
  width: 755px;
}

.music .here-is-a-small-list-LOtmMd {
  background-color: transparent;
  height: 112px;
  left: 604px;
  letter-spacing: 0.00px;
  line-height: 36px;
  position: absolute;
  text-align: center;
  top: 379px;
  width: 714px;
}

.music .here-LOtmMd {
  color: var(--carnation);
}

.music .span0-XBsG9t {
  font-family: var(--font-family-cambria-regular);
  font-style: normal;
  text-decoration: underline;
}

.music .span1-XBsG9t {
  font-family: var(--font-family-cambria-regular);
  font-style: normal;
}

.music .here-zST88A {
  color: var(--mona-lisa);
  cursor: pointer;
  pointer-events: auto;
  transition: all 0.2s ease;
}

.music .span0-xHstCU {
  text-decoration: underline;
}

.music .span1-xHstCU {
}

.music .here-zST88A:hover {
  opacity: 0;
}

.music .morningsong-LOtmMd {
  background-color: transparent;
  height: 233px;
  left: 1205px;
  position: absolute;
  top: 1138px;
  width: 415px;
}

.music .morningsong-szGrlR {
  background-color: transparent;
  border-radius: 70px;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.music .morningsong-jSQ8HQ {
  background-color: var(--ocean-blue-pearl-2);
  border-radius: 70px;
  height: 100%;
  left: 0px;
  opacity: 0.2;
  position: absolute;
  top: 0px;
  width: 100%;
}

.music .morning-song-szGrlR {
  background-color: transparent;
  height: 32px;
  letter-spacing: 0.00px;
  line-height: 90px;
  position: absolute;
  right: calc(49.43% - 74px);
  text-align: center;
  top: calc(35.39% - 11px);
  white-space: nowrap;
  width: 150px;
}

.music .morningsong-zST88A {
  background-color: transparent;
  border-radius: 70px;
  cursor: pointer;
  height: 233px;
  left: 1205px;
  object-fit: cover;
  pointer-events: auto;
  position: absolute;
  top: 1138px;
  transition: all 0.2s ease;
  width: 415px;
}

.music .morningsong-zST88A:hover {
  opacity: 0;
}

.music .morningsong2-LOtmMd {
  background-color: transparent;
  height: 233px;
  left: 752px;
  position: absolute;
  top: 588px;
  width: 415px;
}

.music .morningsong-OuxKMx {
  background-color: transparent;
  border-radius: 70px;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.music .morningsong-LX9rAy {
  background-color: var(--ocean-blue-pearl);
  border-radius: 70px;
  height: 100%;
  left: 0px;
  opacity: 0.2;
  position: absolute;
  top: 0px;
  width: 100%;
}

.music .was-that-it-OuxKMx {
  background-color: transparent;
  height: 32px;
  letter-spacing: 0.00px;
  line-height: 90px;
  position: absolute;
  right: calc(49.64% - 67px);
  text-align: center;
  top: calc(35.85% - 11px);
  white-space: nowrap;
  width: 134px;
}

.music .morningsong-A5aO7K {
  background-color: transparent;
  border-radius: 70px;
  cursor: pointer;
  height: 233px;
  left: 752px;
  object-fit: cover;
  pointer-events: auto;
  position: absolute;
  top: 588px;
  transition: all 0.2s ease;
  width: 415px;
}

.music .morningsong-A5aO7K:hover {
  opacity: 0;
}

.music .morningsong3-LOtmMd {
  background-color: transparent;
  height: 233px;
  left: 1203px;
  position: absolute;
  top: 588px;
  width: 415px;
}

.music .morningsong-vPrcYl {
  background-color: transparent;
  border-radius: 70px;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.music .morningsong-w4Akmd {
  background-color: #3f2ec5;
  border-radius: 70px;
  height: 100%;
  left: 0px;
  opacity: 0.2;
  position: absolute;
  top: 0px;
  width: 100%;
}

.music .elevator-music-vPrcYl {
  background-color: transparent;
  height: 32px;
  letter-spacing: 0.00px;
  line-height: 90px;
  position: absolute;
  right: calc(49.40% - 82px);
  text-align: center;
  top: calc(35.85% - 11px);
  white-space: nowrap;
  width: 166px;
}

.music .morningsong-hVupcm {
  background-color: transparent;
  border-radius: 70px;
  cursor: pointer;
  height: 233px;
  left: 1203px;
  object-fit: cover;
  pointer-events: auto;
  position: absolute;
  top: 588px;
  transition: all 0.2s ease;
  width: 415px;
}

.music .morningsong-hVupcm:hover {
  opacity: 0;
}

.music .component-38-1-LOtmMd {
  background-color: transparent;
  height: 233px;
  left: 1203px;
  position: absolute;
  top: 863px;
  width: 415px;
}

.music .versailles-41K5OJ {
  background-color: transparent;
  border-radius: 70px;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.music .versailles-78exs8 {
  background-color: var(--ocean-blue-pearl);
  border-radius: 70px;
  height: 100%;
  left: 0px;
  opacity: 0.2;
  position: absolute;
  top: 0px;
  width: 100%;
}

.music .versailles-tW7mvi {
  background-color: transparent;
  color: #dcd7fe;
  font-family: var(--font-family-cambria-regular);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
  height: 32px;
  letter-spacing: 0.00px;
  line-height: 90px;
  position: absolute;
  right: calc(49.52% - 51px);
  text-align: center;
  top: calc(35.37% - 11px);
  white-space: nowrap;
  width: 104px;
}

.music .versailles-LOtmMd {
  background-color: transparent;
  border-radius: 70px;
  cursor: pointer;
  height: 233px;
  left: 1203px;
  object-fit: cover;
  pointer-events: auto;
  position: absolute;
  top: 863px;
  transition: all 0.2s ease;
  width: 415px;
}

.music .versailles-LOtmMd:hover {
  opacity: 0;
}

.music .component-42-2-LOtmMd {
  background-color: transparent;
  height: 233px;
  left: 754px;
  position: absolute;
  top: 1138px;
  width: 415px;
}

.music .roam-OKXKbu {
  background-color: transparent;
  border-radius: 70px;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.music .roam-bqVbOp {
  background-color: var(--ocean-blue-pearl-2);
  border-radius: 70px;
  height: 100%;
  left: 0px;
  opacity: 0.2;
  position: absolute;
  top: 0px;
  width: 100%;
}

.music .roam-FrzawB {
  background-color: transparent;
  height: 32px;
  letter-spacing: 0.00px;
  line-height: 90px;
  position: absolute;
  right: calc(49.72% - 32px);
  text-align: center;
  top: calc(35.39% - 11px);
  white-space: nowrap;
  width: 64px;
}

.music .roam-LOtmMd {
  background-color: transparent;
  border-radius: 70px;
  cursor: pointer;
  height: 233px;
  left: 754px;
  object-fit: cover;
  pointer-events: auto;
  position: absolute;
  top: 1138px;
  transition: all 0.2s ease;
  width: 415px;
}

.music .roam-LOtmMd:hover {
  opacity: 0;
}

.music .component-43-2-LOtmMd {
  background-color: transparent;
  height: 233px;
  left: 304px;
  position: absolute;
  top: 1138px;
  width: 415px;
}

.music .young-CHbeMg {
  background-color: transparent;
  border-radius: 70px;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.music .young-YFA0ie {
  background-color: var(--ocean-blue-pearl-2);
  border-radius: 70px;
  height: 100%;
  left: 0px;
  opacity: 0.2;
  position: absolute;
  top: 0px;
  width: 100%;
}

.music .young-8neM9J {
  background-color: transparent;
  height: 32px;
  letter-spacing: 0.00px;
  line-height: 90px;
  position: absolute;
  right: calc(49.57% - 34px);
  text-align: center;
  top: calc(35.39% - 11px);
  white-space: nowrap;
  width: 68px;
}

.music .young-LOtmMd {
  background-color: transparent;
  border-radius: 70px;
  cursor: pointer;
  height: 233px;
  left: 304px;
  object-fit: cover;
  pointer-events: auto;
  position: absolute;
  top: 1138px;
  transition: all 0.2s ease;
  width: 415px;
}

.music .young-LOtmMd:hover {
  opacity: 0;
}

.music .component-37-2-LOtmMd {
  background-color: transparent;
  height: 233px;
  left: 302px;
  position: absolute;
  top: 853px;
  width: 415px;
}

.music .thingsend-vNxY3R {
  background-color: transparent;
  height: 100%;
  left: 0px;
  object-fit: cover;
  top: 0px;
  width: 100%;
}

.music .thingsend-Y76ezc {
  background-color: var(--ocean-blue-pearl);
  height: 100%;
  left: 0px;
  opacity: 0.2;
  top: 0px;
  width: 100%;
}

.music .things-end-vNxY3R {
  background-color: transparent;
  height: 32px;
  letter-spacing: 0.00px;
  line-height: 90px;
  position: absolute;
  right: calc(49.49% - 60px);
  text-align: center;
  top: calc(35.37% - 11px);
  white-space: nowrap;
  width: 122px;
}

.music .thingsend-LOtmMd {
  background-color: transparent;
  cursor: pointer;
  height: 233px;
  left: 302px;
  object-fit: cover;
  pointer-events: auto;
  top: 853px;
  transition: all 0.2s ease;
  width: 415px;
}

.music .thingsend-LOtmMd:hover {
  opacity: 0;
}

.music .component-46-2-LOtmMd {
  background-color: transparent;
  height: 233px;
  left: 298px;
  position: absolute;
  top: 588px;
  width: 415px;
}

.music .one-chord-song-frame-at-0m22s-fJpgDv {
  background-color: transparent;
  height: 100%;
  left: 0px;
  object-fit: cover;
  top: 0px;
  width: 100%;
}

.music .one-chord-song-frame-at-0m22s-8YrIjQ {
  background-color: #4b37ee;
  height: 100%;
  left: 0px;
  opacity: 0.2;
  top: 0px;
  width: 100%;
}

.music .one-chord-song-fJpgDv {
  background-color: transparent;
  height: 32px;
  letter-spacing: 0.00px;
  line-height: 90px;
  position: absolute;
  right: calc(49.37% - 88px);
  text-align: center;
  top: calc(35.85% - 11px);
  white-space: nowrap;
  width: 178px;
}

.music .one-chord-song-frame-at-0m22s-LOtmMd {
  background-color: transparent;
  cursor: pointer;
  height: 233px;
  left: 298px;
  object-fit: cover;
  pointer-events: auto;
  top: 588px;
  transition: all 0.2s ease;
  width: 415px;
}

.music .one-chord-song-frame-at-0m22s-LOtmMd:hover {
  opacity: 0;
}

.music .component-47-2-LOtmMd {
  background-color: transparent;
  height: 233px;
  left: 752px;
  position: absolute;
  top: 853px;
  width: 415px;
}

.music .sweet-Z9aA7m {
  background-color: transparent;
  border-radius: 70px;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.music .sweet-PTr4fI {
  background-color: var(--ocean-blue-pearl);
  border-radius: 70px;
  height: 100%;
  left: 0px;
  opacity: 0.2;
  position: absolute;
  top: 0px;
  width: 100%;
}

.music .sweet-nQFU2X {
  background-color: transparent;
  height: 32px;
  letter-spacing: 0.00px;
  line-height: 90px;
  position: absolute;
  right: calc(49.71% - 33px);
  text-align: center;
  top: calc(35.37% - 11px);
  white-space: nowrap;
  width: 66px;
}

.music .sweet-LOtmMd {
  background-color: transparent;
  border-radius: 70px;
  cursor: pointer;
  height: 233px;
  left: 752px;
  object-fit: cover;
  pointer-events: auto;
  position: absolute;
  top: 853px;
  transition: all 0.2s ease;
  width: 415px;
}

.music .sweet-LOtmMd:hover {
  opacity: 0;
}

.music .path-11-LOtmMd {
  background-color: transparent;
  height: 1165px;
  left: 1720px;
  object-fit: cover;
  position: absolute;
  top: 61px;
  width: 340px;
}

.music .path-12-LOtmMd {
  background-color: transparent;
  height: 1186px;
  left: -277px;
  object-fit: cover;
  position: absolute;
  top: 493px;
  width: 533px;
}

.music .component-99-37-LOtmMd {
  background-color: transparent;
  height: 616px;
  left: 0px;
  position: absolute;
  top: 1426px;
  width: 1920px;
}

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

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

.music .home-khNZNC:hover {
  opacity: 0;
}

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

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

.music .instagram-khNZNC:hover {
  opacity: 0;
}

.music .johndmakesthingscom-iyJRaS {
  background-color: transparent;
  bottom: calc(39.81% - 13px);
  height: 32px;
  left: 149px;
  letter-spacing: 0.00px;
  line-height: 25px;
  position: absolute;
  text-align: left;
  white-space: nowrap;
  width: 275px;
}

.music .span0-fPZzUu {
}

.music .span1-fPZzUu {
}

.music .span2-fPZzUu {
}

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

.music .span0-OxVVh9 {
}

.music .span1-OxVVh9 {
}

.music .span2-OxVVh9 {
}

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

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

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

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

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

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

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

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

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

.music .span0-mFCZP1 {
}

.music .span1-mFCZP1 {
}

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

.music .span0-qNI8Dx {
}

.music .span1-qNI8Dx {
}

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

.music .contact-me-iyJRaS {
  bottom: calc(46.76% - 15px);
  height: 32px;
  left: calc(40.37% - 49px);
  letter-spacing: 0.00px;
  line-height: 25px;
  text-align: left;
  white-space: nowrap;
  width: 122px;
}

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

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

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

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

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

.music .email-khNZNC:hover {
  opacity: 0;
}

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

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

.music .contact-me-E7Ae3r {
  bottom: calc(46.33% - 14px);
  height: 31px;
  left: calc(36.65% - 11px);
  object-fit: cover;
  width: 31px;
}

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

.music .youtube-iyJRaS {
  bottom: calc(46.80% - 10px);
}

.music .youtube-khNZNC {
  bottom: calc(41.58% - 9px);
}

.music .instagram-E7Ae3r {
  height: 22px;
  object-fit: cover;
  right: calc(18.18% - 4px);
  top: calc(47.98% - 11px);
  width: 22px;
}

.music .animation-iyJRaS {
  bottom: calc(42.25% - 20px);
  height: 48px;
  left: calc(34.56% - 17px);
  object-fit: cover;
  width: 48px;
}

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

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

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

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

.music .animation-khNZNC {
  bottom: calc(46.15% - 15px);
  height: 32px;
  letter-spacing: 0.00px;
  line-height: 25px;
  right: 72px;
  text-align: left;
  white-space: nowrap;
  width: 130px;
}

.music .music-iyJRaS {
  background-color: transparent;
  bottom: calc(40.84% - 13px);
  height: 32px;
  letter-spacing: 0.00px;
  line-height: 25px;
  position: absolute;
  right: 118px;
  text-align: left;
  white-space: nowrap;
  width: 90px;
}

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

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

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

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

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

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

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

.music .rectangle-148-3CtPG7 {
  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 .rectangle-149-3CtPG7 {
  background-color: transparent;
  border: 2px solid;
  border-color: var(--cardinal);
  border-radius: 8px;
  bottom: 0px;
  height: 15px;
  left: 0px;
  position: absolute;
  width: 100%;
}

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

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

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

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

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

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

.music .logo_try1-3-LOtmMd {
  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 .logo_try1-3-LOtmMd:hover {
  transform: scale(1.1);
}

.music .about-me-1 {
  background-color: transparent;
  bottom: calc(24.57% - 8px);
  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 .animated-projects {
  background-color: transparent;
  bottom: calc(41.87% - 13px);
  height: 32px;
  left: calc(40.36% - 80px);
  letter-spacing: 0.00px;
  line-height: 25px;
  position: absolute;
  text-align: left;
  white-space: nowrap;
  width: 198px;
}

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

.music .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(48.54% - 16px);
  white-space: nowrap;
  width: 63px;
}

.music .here {
  background-color: transparent;
  font-family: var(--font-family-cambria);
  font-size: var(--font-size-l);
  font-weight: 400;
  height: auto;
  left: 928px;
  letter-spacing: 0.00px;
  line-height: 36px;
  position: absolute;
  text-align: center;
  top: 455px;
  white-space: nowrap;
  width: auto;
}

.music .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(48.54% - 16px);
  white-space: nowrap;
  width: 65px;
}

.music .musical-projects {
  background-color: transparent;
  bottom: calc(36.31% - 12px);
  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 .one-chord-song-frame-at-0m22s {
  border-radius: 70px;
  position: absolute;
}

.music .thingsend {
  border-radius: 70px;
  position: absolute;
}

.music .written-projects {
  background-color: transparent;
  bottom: calc(30.05% - 10px);
  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 .you-tube1 {
  background-color: transparent;
  bottom: calc(46.15% - 15px);
  height: 32px;
  letter-spacing: 0.00px;
  line-height: 25px;
  position: absolute;
  right: 220px;
  text-align: left;
  white-space: nowrap;
  width: 109px;
}

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

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