@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")}body{background-color:#140230;background-size:cover;color:#e0e0e0;font-family:PressStart2P-Regular,sans-serif;font-weight:100;margin:0;padding:0;text-shadow:2px 2px #000}.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:1rem;position:relative}.dog{box-sizing:border-box;padding:10px 20px;width:130px}.name{left:50%;margin:0;position:absolute;text-align:center;transform:translateX(-50%)}.under-header{padding:20px}.intro{font-size:.8rem;font-weight:100;text-align:center}.main-content{grid-gap:2rem;align-items:start;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);padding:1rem;text-align:center}.picture-container{display:flex;text-align:center;width:450px}.dock-row{color:#a092d6;display:flex;grid-column:1/-1;justify-content:center;margin-top:1rem}.column>section,.main-content>section{background:#21084e;border-radius:8px;height:auto;min-height:0;min-height:auto;padding:1.5rem;position:relative}@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}.main-content>section:after,.main-content>section:before{animation:spin 3s linear infinite;background-image:conic-gradient(from var(--angle),#30f,#e100ff,#4e177e,#30f);border-radius:8px;content:"";height:100%;left:50%;padding:3px;position:absolute;top:50%;translate:-50% -50%;width:100%;z-index:-1}.main-content>section:before{filter:blur(1.5rem);opacity:.5}@keyframes spin{0%{--angle:0deg}to{--angle:360deg}}.project-card{background:#fff3;border-radius:8px;margin:20px;padding:1.5rem;transition:background-color .3s ease,transform .2s ease}.project-card:hover{background-color:#6d5397;transform:scale(1.05)}.project-preview{border-color:#c2a6ef;border-radius:20px;border-style:solid;margin-top:1rem;width:15rem}.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:8px;color:#fff;max-height:60%;max-width:60%;overflow-y:auto;padding:2rem;position:relative;z-index:1001}.modal-preview{border-radius:8px;margin:1rem 0;max-width:600px;width:40%}.modal-links a{background:#6d5397;border-radius:4px;color:#fff;display:inline-block;margin-right:1rem;margin-top:1rem;padding:.5rem 2rem;text-decoration:none;width:250px}.modal-links a:hover{background:#805fb5}.modal-tech ul{list-style-type:disc;padding-left:1.2rem}.github-icon{width:15%}.youtube-icon{padding:5px;width:15%}.modal-body{align-items:flex-start;display:flex;gap:1.5rem}.music-card{background:#fff3;border-radius:8px;display:grid;justify-content:center;margin:15px;padding:1.5rem;text-align:center;transition:background-color .3s ease,transform .2s ease}.youtube-container{border-color:#c2a6ef;border-radius:8px;display:flex}.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;display:flex;flex-direction:column;gap:2rem}.image-wrapper{border-radius:8px;display:inline-block;padding:4px;position:relative}.image-wrapper img{border-radius:8px;display:block;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}.glitch{align-items:center;color:#fff;cursor:pointer;font-size:clamp(2rem,10vw,8rem);font-size:60px;font-weight:800;margin:0 auto;position:absolute;-webkit-user-select:none;user-select:none;white-space:nowrap}.glitch:after,.glitch:before{background-color:#060010;-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);color:#fff;content:attr(data-text);overflow:hidden;position:absolute;top:0}.glitch:not(.enable-on-hover):after{animation:animate-glitch 3s linear infinite alternate-reverse;animation:animate-glitch var(--after-duration,3s) infinite linear alternate-reverse;left:10px;text-shadow:-10px 0 red;text-shadow:var(--after-shadow,-10px 0 red)}.glitch:not(.enable-on-hover):before{animation:animate-glitch 2s linear infinite alternate-reverse;animation:animate-glitch var(--before-duration,2s) infinite linear alternate-reverse;left:-10px;text-shadow:10px 0 cyan;text-shadow:var(--before-shadow,10px 0 cyan)}.glitch.enable-on-hover:after,.glitch.enable-on-hover:before{animation:none;content:"";opacity:0}.glitch.enable-on-hover:hover:after{animation:animate-glitch 3s linear infinite alternate-reverse;animation:animate-glitch var(--after-duration,3s) infinite linear alternate-reverse;content:attr(data-text);left:10px;opacity:1;text-shadow:-10px 0 red;text-shadow:var(--after-shadow,-10px 0 red)}.glitch.enable-on-hover:hover:before{animation:animate-glitch 2s linear infinite alternate-reverse;animation:animate-glitch var(--before-duration,2s) infinite linear alternate-reverse;content:attr(data-text);left:-10px;opacity:1;text-shadow:10px 0 cyan;text-shadow:var(--before-shadow,10px 0 cyan)}@keyframes animate-glitch{0%{-webkit-clip-path:inset(20% 0 50% 0);clip-path:inset(20% 0 50% 0)}5%{-webkit-clip-path:inset(10% 0 60% 0);clip-path:inset(10% 0 60% 0)}10%{-webkit-clip-path:inset(15% 0 55% 0);clip-path:inset(15% 0 55% 0)}15%{-webkit-clip-path:inset(25% 0 35% 0);clip-path:inset(25% 0 35% 0)}20%{-webkit-clip-path:inset(30% 0 40% 0);clip-path:inset(30% 0 40% 0)}25%{-webkit-clip-path:inset(40% 0 20% 0);clip-path:inset(40% 0 20% 0)}30%{-webkit-clip-path:inset(10% 0 60% 0);clip-path:inset(10% 0 60% 0)}35%{-webkit-clip-path:inset(15% 0 55% 0);clip-path:inset(15% 0 55% 0)}40%{-webkit-clip-path:inset(25% 0 35% 0);clip-path:inset(25% 0 35% 0)}45%{-webkit-clip-path:inset(30% 0 40% 0);clip-path:inset(30% 0 40% 0)}50%{-webkit-clip-path:inset(20% 0 50% 0);clip-path:inset(20% 0 50% 0)}55%{-webkit-clip-path:inset(10% 0 60% 0);clip-path:inset(10% 0 60% 0)}60%{-webkit-clip-path:inset(15% 0 55% 0);clip-path:inset(15% 0 55% 0)}65%{-webkit-clip-path:inset(25% 0 35% 0);clip-path:inset(25% 0 35% 0)}70%{-webkit-clip-path:inset(30% 0 40% 0);clip-path:inset(30% 0 40% 0)}75%{-webkit-clip-path:inset(40% 0 20% 0);clip-path:inset(40% 0 20% 0)}80%{-webkit-clip-path:inset(20% 0 50% 0);clip-path:inset(20% 0 50% 0)}85%{-webkit-clip-path:inset(10% 0 60% 0);clip-path:inset(10% 0 60% 0)}90%{-webkit-clip-path:inset(15% 0 55% 0);clip-path:inset(15% 0 55% 0)}95%{-webkit-clip-path:inset(25% 0 35% 0);clip-path:inset(25% 0 35% 0)}to{-webkit-clip-path:inset(30% 0 40% 0);clip-path:inset(30% 0 40% 0)}}.dock-outer{align-items:center;display:flex;justify-content:center;margin:0 .5rem;max-width:100%}.dock-panel{align-items:flex-end;border:2px solid #222;border-radius:1rem;display:flex;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}.gallery-container{height:500px;overflow:hidden;position:relative;width:100%}.gallery-gradient{height:100%;position:absolute;top:0;width:48px;z-index:10}.gallery-gradient-left{background:linear-gradient(270deg,#0000 0,#060010);left:0}.gallery-gradient-right{background:linear-gradient(90deg,#0000 0,#060010);right:0}.gallery-content{height:100%;perspective:1000px}.gallery-content,.gallery-track{align-items:center;display:flex;justify-content:center;transform-style:preserve-3d}.gallery-track{cursor:grab;height:auto;min-height:200px;width:100%}.gallery-item{align-items:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;display:flex;height:-webkit-fit-content;height:fit-content;justify-content:center;padding:8%;position:absolute}.gallery-img{border:3px solid #fff;border-radius:15px;height:120px;object-fit:cover;pointer-events:none;transition:.3s ease;width:300000px}.gallery-item:hover .gallery-img{transform:scale(1.05);transition:.3s ease}@media (max-width:768px){.gallery-item{padding:6%}.gallery-img{height:100px;width:220px}}
/*# sourceMappingURL=main.50711f9b.css.map*/