@import url(https://fonts.googleapis.com/css2?family=Noto+Sans&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@font-face{font-display:swap;font-family:PressStart2P-Regular;font-style:normal;font-weight:100;src:url(/static/media/PressStart2P-Regular.21503c6a5385ab41dde9.ttf) format("truetype")}html{-ms-overflow-style:none;background-color:#060010;scrollbar-width:none}html::-webkit-scrollbar{display:none}body{-ms-overflow-style:none;background-color:#130330;background-size:cover;color:#e0e0e0;font-family:PressStart2P-Regular,sans-serif;font-weight:100;margin:0;overflow-x:hidden;padding:0;scrollbar-width:none;text-shadow:2px 2px #000}body::-webkit-scrollbar{display:none}.paragraph{font-family:Noto Sans,sans-serif;font-size:large;text-align:center}.header{align-items:center;background-color:#060010;box-shadow:0 10px 8px #0000004d;display:flex;font-size:larger;padding:clamp(.5rem,1.5vw,1rem);position:-webkit-sticky;position:sticky;top:0;transition:background-color .3s ease,backdrop-filter .3s ease,-webkit-backdrop-filter .3s ease,box-shadow .3s ease;z-index:100}.header--glass{backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);background-color:#06001073;box-shadow:0 4px 32px #5000ff26,0 1px 0 #c2a6ef26}.dog{box-sizing:border-box;padding:clamp(4px,1vw,10px) clamp(8px,1.5vw,20px);width:clamp(70px,10vw,130px)}.name{left:50%;margin:0;max-width:100%;position:absolute;text-align:center;transform:translateX(-50%)}.name canvas{display:block;height:auto;max-width:100%}.intro{font-size:.8rem;font-weight:100;margin-top:2rem;text-align:center}.main-content{align-items:center;display:flex;flex-direction:column;gap:2.5rem;padding:2rem;text-align:center}@media (min-width:1300px){.main-content{align-items:start;display:grid;grid-template-columns:repeat(3,1fr)}}.picture-container{display:flex;text-align:center;width:450px}.dock-row{color:#a092d6;display:flex;justify-content:center;margin-top:.5rem}.main-content>section{background:#0000;-webkit-clip-path:inset(0 0 -3px 0 round 8px);clip-path:inset(0 0 -3px 0 round 8px);isolation:isolate;padding:4px}.column>section,.main-content>section{border-radius:8px;box-sizing:border-box;height:auto;min-height:0;min-height:auto;position:relative;width:100%}.column>section{background:#21084e;padding:1.5rem}@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}.column-title{font-size:larger;margin:0 0 .25rem}.music:after,.music:before,.projects:after,.projects:before{animation:spin 3s linear infinite;background-image:conic-gradient(from var(--angle),#30f,#e100ff,#4e177e,#30f);border-radius:10px;content:"";inset:-4px;position:absolute;z-index:-1}.music:before,.projects:before{filter:blur(.25rem);opacity:.5}@keyframes spin{0%{--angle:0deg}to{--angle:360deg}}.project-card{box-sizing:border-box;cursor:pointer;margin:25px 0}.project-preview{border:3px solid #c2a6ef;border-radius:20px;box-sizing:border-box;display:block;height:10rem;margin:1rem auto 0;max-width:15rem;object-fit:cover;object-position:center;transition:border-color .3s ease,box-shadow .3s ease,transform .2s ease;width:100%}.project-preview--tall{height:22rem}.modal-backdrop{align-items:center;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:#0006;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000}.modal{background:#2d2b4f;border-radius:12px;box-shadow:0 20px 50px #00000073;color:#fff;max-height:85vh;overflow-y:auto;padding:2rem 2.25rem 2.25rem;position:relative;width:min(760px,90vw);z-index:1001}.modal h2{border-bottom:1px solid #c2a6ef4d;font-size:1.1rem;margin:0 2.75rem 1.25rem 0;padding-bottom:.75rem}.modal-close{background:#ffffff1f;border:1px solid #c2a6ef80;border-radius:50%;color:#e0e0e0;cursor:pointer;display:grid;font-family:Noto Sans,sans-serif;font-size:1.4rem;height:2.25rem;line-height:1;padding:0;place-items:center;position:absolute;right:.85rem;top:.85rem;transition:background-color .2s ease,color .2s ease,transform .2s ease,border-color .2s ease;width:2.25rem}.modal-close:hover{background:#6d5397;border-color:#c2a6ef;color:#fff;transform:rotate(90deg) scale(1.08)}.modal-close:focus-visible{outline:2px solid #c2a6ef;outline-offset:2px}.modal-preview{border:2px solid #c2a6ef;border-radius:8px;display:block;width:100%}.modal-details{display:flex;flex:1 1;flex-direction:column;gap:1.25rem;min-width:0}.modal-details .paragraph{font-size:1rem;line-height:1.6;margin:0;text-align:left}.modal-links{display:flex;flex-wrap:wrap;gap:.75rem}.modal-links a{align-items:center;background:#6d5397;border-radius:6px;color:#fff;display:inline-flex;font-size:.95rem;gap:.6rem;justify-content:center;margin:0;padding:.6rem 1.25rem;text-decoration:none;transition:background-color .2s ease,transform .2s ease}.modal-links a:hover{background:#6d5397;transform:scale(1.05)}.modal-tech{font-family:Noto Sans,sans-serif}.modal-tech ul{list-style-type:disc;margin:.5rem 0 0;padding-left:1.2rem}.github-icon,.youtube-icon{height:auto;width:22px}.modal-body{align-items:flex-start;display:flex;gap:1.75rem}.modal-media{flex:0 0 280px;max-width:280px}@media (max-width:640px){.modal-body{flex-direction:column}.modal-media{flex-basis:auto;max-width:100%;width:100%}}.music-card{border-radius:8px;display:grid;justify-content:center;margin:15px;text-align:center;transition:box-shadow .3s ease,background-color .3s ease}.youtube-container{aspect-ratio:16/9;border:1px solid #c2a6ef;border-radius:8px;display:block;height:auto;max-width:340px;transition:border-color .3s ease,box-shadow .3s ease,transform .2s ease;width:100%}.spotify-album{align-items:center;color:inherit;display:flex;flex-direction:column;gap:1rem;margin:15px;text-decoration:none}.spotify-cover{border:2px solid #c2a6ef;border-radius:8px;max-width:100%;transition:border-color .3s ease,box-shadow .3s ease,transform .2s ease;width:220px}.spotify-info{align-items:center;display:flex;flex-direction:column;gap:.4rem}.spotify-title{font-size:.9rem}.spotify-artist{font-size:.95rem;opacity:.85}.spotify-artist,.spotify-cta{font-family:Noto Sans,sans-serif}.spotify-cta{align-items:center;background:#1db954;border-radius:999px;color:#fff;display:inline-flex;font-size:.85rem;gap:.5rem;margin-top:.5rem;padding:.5rem 1rem}.audio-player{grid-gap:.5rem .25rem;align-items:center;background:#06001099;border:2px solid #222;border-radius:12px;display:grid;gap:.5rem .25rem;grid-template-areas:"btn info" "btn info";grid-template-columns:auto minmax(0,1fr);max-width:560px;padding:.5rem}.ap-head{align-items:center;display:flex;gap:.75rem;grid-column:1}.ap-btn{background:#060010;border:1.5px solid #fff;border-radius:10px;color:#fff;cursor:pointer;display:grid;grid-area:btn;grid-row:1/span 2;height:48px;place-items:center;transition:transform .15s ease,background-color .2s ease;width:48px}.ap-btn:hover{background:#0b001f;transform:scale(1.05)}.ap-info{display:flex;flex-direction:column;gap:.75rem;grid-area:info;min-width:0}.ap-top{align-items:center;display:flex;gap:.5rem}.ap-title{font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ap-progress{border-radius:999px;cursor:pointer;height:10px;outline:none;position:relative;width:230px}.ap-progress__track{background:#2a1e4e;border-radius:999px;inset:0;position:absolute}.ap-progress__fill{background:linear-gradient(90deg,#6d5397,#c2a6ef);border-radius:999px;inset:0 auto 0 0;position:absolute;width:0}.ap-progress__thumb{background:#fff;border-radius:50%;box-shadow:0 0 0 2px #060010;height:14px;position:absolute;top:50%;transform:translate(-50%,-50%);width:14px}.ap-time{font-size:.85rem;justify-self:end;opacity:.9;white-space:nowrap}.column{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;gap:2rem;margin:0 auto;max-width:520px;width:100%}@media (max-width:1299px){.column{display:contents}.about-title{order:0}.about-me{order:1}.image-wrapper{order:2}.projects-title{order:3}.projects{order:4}.music-title{order:5}.music{order:6}.dock-row{order:7}.about-me,.music,.projects{box-sizing:border-box;max-width:520px;width:100%}}.image-wrapper{border-radius:8px;box-sizing:border-box;display:inline-block;isolation:isolate;max-width:100%;padding:4px;position:relative;transition:transform .2s ease}.image-wrapper:hover{transform:scale(1.05)}.image-wrapper img{border-radius:8px;display:block;max-width:100%;transition:box-shadow .3s ease;width:300px}.image-wrapper:after,.image-wrapper:before{animation:spin 3s linear infinite;background-image:conic-gradient(from var(--angle),#30f,#e100ff,#4e177e,#30f);border-radius:15px;content:"";inset:0;padding:3px;position:absolute;z-index:-1}.image-wrapper:before{filter:blur(1.5rem);opacity:.5}.profile-pic{border-radius:8px}@media (max-width:768px){body{overflow-x:hidden}.header{flex-direction:column;font-size:1rem;gap:.75rem;padding:1rem .75rem}.dog{padding:0}.name{left:auto;position:static;transform:none}.intro{font-size:.5rem;margin-top:1.5rem;padding:0 1rem}.intro span{max-width:100%;white-space:normal;word-break:break-word}.main-content{gap:1.5rem}.column>section,.main-content,.main-content>section{padding:1.25rem}.about-me,.music,.projects{max-width:460px}.project-card{margin:16px 0}.music-card,.spotify-album{margin:12px 0}.modal-preview,.project-preview{max-width:15rem;width:100%}.image-wrapper img{width:min(300px,80vw)}.youtube-container{aspect-ratio:16/9;height:auto;max-width:320px;width:100%}}@media (max-width:480px){.column>section,.main-content,.main-content>section{padding:1rem}}.project-preview.light-hit,.project-preview:hover,.spotify-cover.light-hit,.spotify-cover:hover,.youtube-container.light-hit,.youtube-container:hover{border-color:#fff;box-shadow:0 0 28px 6px #c2a6ef73;transform:scale(1.04)}.image-wrapper.light-hit{transform:scale(1.05)}.image-wrapper.light-hit img{box-shadow:0 0 32px 8px #c2a6ef8c}.about-me>header,.intro span,.music>header,.paragraph,.project-card,.projects>header,.spotify-artist,.spotify-title{transition:color .25s ease,text-shadow .25s ease}.glow-word{display:inline-block;white-space:nowrap}.glow-letter{display:inline-block;transition:color .2s ease,text-shadow .2s ease,transform .2s ease;will-change:text-shadow}.glow-letter.letter-glow{color:#fff;text-shadow:0 0 6px #c2a6eff2,0 0 14px #c2a6efcc,0 0 24px #9264e099;transform:translateY(-1px) scale(1.12)}.text-glow{color:#fff;text-shadow:0 0 6px #c2a6efe6,0 0 16px #c2a6efbf,0 0 28px #9264e08c;transition:color .25s ease,text-shadow .25s ease}.dock-outer{justify-content:center;margin:0 .5rem;max-width:100%;overflow:visible}.dock-outer,.dock-panel{align-items:flex-end;display:flex}.dock-panel{border:2px solid #222;border-radius:1rem;gap:1rem;margin:1rem auto 0;padding:0 .5rem .5rem;position:static;width:-webkit-max-content;width:max-content}.dock-item,.dock-panel{background-color:#060010}.dock-item{border:2px solid #222;border-radius:10px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;cursor:pointer;display:inline-flex;outline:none;position:relative}.dock-icon,.dock-item{align-items:center;justify-content:center}.dock-icon{display:flex}.dock-label{background-color:#060010;border:1px solid #222;border-radius:.375rem;color:#fff;font-size:.75rem;left:50%;padding:.125rem .5rem;position:absolute;top:-1.5rem;transform:translateX(-50%);white-space:pre;width:-webkit-fit-content;width:fit-content}
/*# sourceMappingURL=main.6344c148.css.map*/