section#music{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;position:relative}section#music h2{font-family:Moirai One,Afacad,sans-serif}section#music article{margin-bottom:1rem}section#music p,section#music p>a{font-size:1.5rem;width:50vw}section#music li{counter-increment:track}section#music li:before{content:"#" counter(track)}section#music li:nth-of-type(11):before{content:"Set"}section#music li:nth-of-type(11){margin-top:1.5rem}section#music li:nth-of-type(12):before{content:"Latest"}section#music li:nth-of-type(12){margin-top:1rem}section#music ul{counter-reset:track}section#music .cover{position:absolute;top:320px;left:160px;transform:perspective(200px) rotateY(16deg) rotateX(4deg);box-shadow:0 0 20px light-dark(hsl(from hsl(0,0%,75%) h s l/70%),hsl(from hsl(0,0%,0%) h s l/70%));z-index:-1;opacity:.5}@media(max-width:800px){@font-face{font-family:Afacad;src:url(/fonts/afacad.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Afacad;src:url(/fonts/afacad-bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Driftwood;src:url(/fonts/driftwood.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Garamond;src:url(/fonts/garamond.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Knewave;src:url(/fonts/knewave.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Moirai One;src:url(/fonts/moirai-one.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}footer,header,section:is(#music,#travels,#whisky,#diy,#resume){position:unset;background:none;height:fit-content;min-height:unset;scroll-snap-align:unset}footer *,header *,section:is(#music,#travels,#whisky,#diy,#resume) *{position:unset!important}footer article,header article,section:is(#music,#travels,#whisky,#diy,#resume) article{width:90%;margin-inline:auto;z-index:unset}footer article h2,header article h2,section:is(#music,#travels,#whisky,#diy,#resume) article h2{margin-block:1rem}footer article p,header article p,section:is(#music,#travels,#whisky,#diy,#resume) article p{width:100%}section#music{display:block;margin-inline:1rem}section#music h2{visibility:hidden;position:relative!important;margin-block:1rem}section#music h2:after{visibility:visible;position:absolute!important;top:0;left:0;content:"Music"}section#music p,section#music p>a{font-size:1.2rem;width:90%}section#music .cover{display:none}}section#travels{background:none;height:100vh;position:relative}section#travels .banner-grid{position:absolute;left:2vw;bottom:2vh;display:flex;justify-content:left;gap:1rem;width:45vw;flex-flow:wrap;pointer-events:none}section#travels .banner-grid p{width:50vw;margin-top:.2rem;margin-bottom:2rem}section#travels .banner-grid .banner{display:flex;justify-content:space-around;text-decoration:none;text-align:center;flex-direction:column;box-shadow:0 0 16px 4px light-dark(hsl(from hsl(0,0%,100%) h s l/10%),hsl(from hsl(0,0%,0%) h s l/10%));transition:all 1s;width:400px;height:50px;background-color:light-dark(hsl(from hsl(0,0%,87%) h s l/75%),hsl(from hsl(0,0%,13%) h s l/75%));opacity:.8;pointer-events:all}section#travels .banner-grid .banner h2{font-size:1.5rem;margin-block:0;transition:all .5s;color:light-dark(hsl(0,0%,0%),hsl(0,0%,100%));text-shadow:0 0 10px light-dark(hsl(from hsl(0,0%,100%) h s l/80%),hsl(from hsl(0,0%,0%) h s l/80%))}section#travels .banner-grid .banner:hover{background-color:light-dark(hsl(from hsl(0,0%,75%) h s l/92%),hsl(from hsl(0,0%,25%) h s l/92%))}section#travels .banner-grid h2.travels{background:none;margin:0}@media(max-width:800px){@font-face{font-family:Afacad;src:url(/fonts/afacad.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Afacad;src:url(/fonts/afacad-bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Driftwood;src:url(/fonts/driftwood.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Garamond;src:url(/fonts/garamond.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Knewave;src:url(/fonts/knewave.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Moirai One;src:url(/fonts/moirai-one.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}footer,header,section:is(#music,#travels,#whisky,#diy,#resume){position:unset;background:none;height:fit-content;min-height:unset;scroll-snap-align:unset}footer *,header *,section:is(#music,#travels,#whisky,#diy,#resume) *{position:unset!important}footer article,header article,section:is(#music,#travels,#whisky,#diy,#resume) article{width:90%;margin-inline:auto;z-index:unset}footer article h2,header article h2,section:is(#music,#travels,#whisky,#diy,#resume) article h2{margin-block:1rem}footer article p,header article p,section:is(#music,#travels,#whisky,#diy,#resume) article p{width:100%}section#travels .banner-grid{gap:1rem;width:90%;padding-bottom:2rem;border-bottom:1px solid light-dark(hsl(0,0%,13%),hsl(0,0%,87%))}section#travels .banner-grid .banner{border:1px solid hsl(239,77%,67%)}section#travels .banner-grid p{width:100%}}section#diy{background:linear-gradient(120deg,light-dark(hsl(0,0%,87%),hsl(0,0%,13%)),light-dark(hsl(0,0%,93%),hsl(0,0%,7%)) 40%,light-dark(hsl(0,0%,100%),hsl(0,0%,0%)) 50%,light-dark(hsl(0,0%,93%),hsl(0,0%,7%)) 60%,light-dark(hsl(0,0%,87%),hsl(0,0%,13%)));position:relative;display:flex;align-items:start;justify-content:space-evenly;gap:2rem;overflow:hidden}section#diy h2{font-family:Driftwood,Afacad,sans-serif;font-weight:400}section#diy .diy-images{pointer-events:none;position:absolute;width:100vw;height:100vh;top:0;left:-750px}section#diy .diy-images .diy-image-wrapper{position:absolute;filter:drop-shadow(0 10px 15px hsl(from black h s l/70%));width:216px;height:238px}section#diy .diy-images .diy-image-wrapper:has(.cabinet){width:864px;height:952px;top:-180px;left:-170px}section#diy .diy-images .diy-image-wrapper:has(.caddy){bottom:100px;right:170px}section#diy .diy-images .diy-image-wrapper:has(.bar){bottom:100px;right:420px}section#diy .diy-images .diy-image-wrapper .diy-image{display:block;width:100%;height:100%;object-fit:cover;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}section#diy article{z-index:2;width:40vw;position:absolute;left:750px}@media(max-width:800px){@font-face{font-family:Afacad;src:url(/fonts/afacad.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Afacad;src:url(/fonts/afacad-bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Driftwood;src:url(/fonts/driftwood.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Garamond;src:url(/fonts/garamond.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Knewave;src:url(/fonts/knewave.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Moirai One;src:url(/fonts/moirai-one.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}footer,header,section:is(#music,#travels,#whisky,#diy,#resume){position:unset;background:none;height:fit-content;min-height:unset;scroll-snap-align:unset}footer *,header *,section:is(#music,#travels,#whisky,#diy,#resume) *{position:unset!important}footer article,header article,section:is(#music,#travels,#whisky,#diy,#resume) article{width:90%;margin-inline:auto;z-index:unset}footer article h2,header article h2,section:is(#music,#travels,#whisky,#diy,#resume) article h2{margin-block:1rem}footer article p,header article p,section:is(#music,#travels,#whisky,#diy,#resume) article p{width:100%}section#diy article{padding-bottom:2rem;border-bottom:1px solid light-dark(hsl(0,0%,13%),hsl(0,0%,87%))}section#diy .diy-images{display:flex;justify-content:center;gap:1rem;width:unset;height:unset}section#diy .diy-images .diy-image-wrapper{width:108px!important;height:119px!important}}@font-face{font-family:Afacad;src:url(/fonts/afacad.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Afacad;src:url(/fonts/afacad-bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Driftwood;src:url(/fonts/driftwood.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Garamond;src:url(/fonts/garamond.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Knewave;src:url(/fonts/knewave.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Moirai One;src:url(/fonts/moirai-one.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}footer{background:linear-gradient(120deg,light-dark(hsl(0,0%,87%),hsl(0,0%,13%)),light-dark(hsl(0,0%,93%),hsl(0,0%,7%)) 40%,light-dark(hsl(0,0%,100%),hsl(0,0%,0%)) 50%,light-dark(hsl(0,0%,93%),hsl(0,0%,7%)) 60%,light-dark(hsl(0,0%,87%),hsl(0,0%,13%)));flex-direction:column}footer,footer article{display:flex;align-items:center;justify-content:center}footer article{gap:4rem;width:80vw;height:80vh}footer article>*{align-self:flex-start}footer article .social{display:flex;flex-direction:column;gap:2rem}footer article .social a{position:relative}footer article .social a:after,footer article .social a:before{content:"";position:absolute;border:3px solid hsl(239,77%,67%);z-index:1020;top:50%;left:50%;margin:-45px 0 0 -40px;width:80px;height:80px;border-radius:50%;opacity:0;pointer-events:none}@media(prefers-reduced-motion:no-preference){footer article .social a:hover:after{animation-name:anim-3,anim-1;animation-duration:5s,2s;animation-iteration-count:1,infinite;animation-timing-function:ease,linear;animation-fill-mode:forwards}footer article .social a:hover:before{animation-name:anim-3,anim-2;animation-duration:5s,2s;animation-iteration-count:1,infinite;animation-timing-function:ease,linear;animation-fill-mode:forwards}}@keyframes anim-1{0%{transform:perspective(60px) rotate3d(1,1,1,0deg)}to{transform:perspective(60px) rotate3d(1,1,1,1turn)}}@keyframes anim-2{0%{transform:perspective(60px) rotate3d(1,-1,1,0deg)}to{transform:perspective(60px) rotate3d(1,-1,1,1turn)}}@keyframes anim-3{0%,to{opacity:0}25%,75%{opacity:.5}}@media(max-width:800px){@font-face{font-family:Afacad;src:url(/fonts/afacad.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Afacad;src:url(/fonts/afacad-bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Driftwood;src:url(/fonts/driftwood.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Garamond;src:url(/fonts/garamond.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Knewave;src:url(/fonts/knewave.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Moirai One;src:url(/fonts/moirai-one.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}footer,header,section:is(#music,#travels,#whisky,#diy,#resume){position:unset;background:none;height:fit-content;min-height:unset;scroll-snap-align:unset}footer *,header *,section:is(#music,#travels,#whisky,#diy,#resume) *{position:unset!important}footer article,header article,section:is(#music,#travels,#whisky,#diy,#resume) article{width:90%;margin-inline:auto;z-index:unset}footer article h2,header article h2,section:is(#music,#travels,#whisky,#diy,#resume) article h2{margin-block:1rem}footer article p,header article p,section:is(#music,#travels,#whisky,#diy,#resume) article p{width:100%}footer{justify-content:flex-start}footer h2{align-self:flex-start;width:90%;margin:1rem auto}footer article{flex-direction:column;justify-content:flex-start}footer article fieldset{width:100%;border:2px solid hsl(239,77%,67%);background-size:120px;transform:unset;margin:0;box-sizing:border-box}footer article fieldset button,footer article fieldset input,footer article fieldset textarea{width:100%;margin-inline:0;box-sizing:border-box;margin-top:0}footer article fieldset button{width:60%}footer article .social{flex-direction:unset;justify-content:space-evenly;align-self:center}footer article .social a:after,footer article .social a:before{display:none}footer article .social a img{width:32px;height:32px}}