body{color:#d9d9d9;background-color:#1c1c1d;flex-direction:column;width:100%;min-height:100vh;margin:0;padding:0;font-family:Inclusive Sans,sans-serif;display:flex;overflow-x:hidden}.containContent{max-width:960px;margin:auto;padding-left:50px;padding-right:50px}.active{color:#dabfff}.readMore{color:#dabfff;float:inline-end;padding-bottom:25px;text-decoration:none}.welcome-text-medium{font-size:42px}.text-small{color:#d9d9d9;font-size:15px}.purple-small{color:#dabfff;font-size:36px}.center{text-align:center}.button-box{padding-top:20px}.button-box .cat-buttons{color:#d9d9d9;text-align:center;background-color:#fff0;border:2px solid #d9d9d9;border-radius:25px;width:200px;padding:25px;font-size:24px;text-decoration:none;display:inline-block;box-shadow:0 9px #d9d9d9}.button-box .cat-buttons:active{color:#a8a8a8;transform:translateY(4px);box-shadow:0 5px #a8a8a8}section h2{padding-bottom:20px;font-size:42px}.dynamicBubble{flex-flow:column wrap;justify-content:center;align-self:center;align-items:center;gap:25px;padding-bottom:60px;display:flex}.dynamicBubble .previewBubble{border:2px solid #d9d9d9;border-radius:25px;min-width:100px;max-width:300px;padding:0 25px 25px}.dynamicBubble .previewBubble h3{margin-bottom:0;font-size:36px}.dynamicBubble .previewBubble .post-preview{margin-bottom:0;font-size:16px}.dynamicBubble .previewBubble a{text-decoration:none}nav{background-color:#262627;width:100%;height:auto;margin-top:0;top:0}nav #navLinks{width:100%;max-width:960px;margin:0 auto;display:block}nav ul{padding-top:0;padding-left:0;list-style-type:none;overflow:hidden}nav ul li{margin-top:0;padding:10px 20px 10px 40px;display:inline-block}nav ul a{color:#fff;font-size:42px;text-decoration:none}nav ul li:first-child{padding-left:20px}@media only screen and (width<=600px){nav #navLinks{flex-direction:column;height:auto;display:flex}nav ul{flex-direction:column;padding:0;display:flex}nav ul li{text-align:center;padding:10px 20px;display:block}}#top{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:80dvh;margin:0;display:flex;position:relative}#top .welcome-display{flex-wrap:wrap;justify-content:center;align-items:center;display:flex}#top .welcome-display h1{font-size:42px}#top .welcome-display .cta-click{flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;display:flex}#top .welcome-display .cat-avatar-wrapper{margin-top:20px;display:inline-block;position:relative}#top .welcome-display .cat-avatar-wrapper .cat-avatar-btn{cursor:pointer;background:0 0;border:none;outline:none;padding:0;transition:transform .2s;display:block}#top .welcome-display .cat-avatar-wrapper .cat-avatar-btn:hover{transform:scale(1.03)}#top .welcome-display .cat-avatar-wrapper .cat-avatar-btn:active img{animation:.2s ease-out catSquish}#top .welcome-display .cat-avatar-wrapper .meow-popup{color:#1c1c1d;white-space:nowrap;pointer-events:none;background-color:#dabfff;border-radius:20px;padding:6px 14px;font-size:1.2rem;font-weight:700;animation:.8s cubic-bezier(.175,.885,.32,1.275) forwards bubblePopUp;position:absolute;top:-40px;left:50%;transform:translate(-50%);box-shadow:0 4px 10px #0000004d}#top .welcome-display .cat-avatar-wrapper .meow-popup:after{content:"";border:6px solid #0000;border-top-color:#dabfff;border-bottom:0 solid #dabfff;width:0;height:0;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}@media only screen and (width<=600px){#top{min-height:40dvh}#top .welcome-display h1{padding-left:5px}}@keyframes bubblePopUp{0%{opacity:0;transform:translate(-50%)translateY(15px)scale(.6)}20%{opacity:1;transform:translate(-50%)translateY(0)scale(1.1)}80%{opacity:1;transform:translate(-50%)translateY(-5px)scale(1)}to{opacity:0;transform:translate(-50%)translateY(-25px)scale(.8)}}@keyframes catSquish{0%{transform:scale(1)}30%{transform:scale(1.15,.8)}70%{transform:scale(.9,1.1)}to{transform:scale(1)}}#projectPreview{padding:20px 100px}.project-slide{flex:0 0 300px;min-width:0}.project-slide .previewBubble{background-color:#262627;border:2px solid #d9d9d9;border-radius:25px;flex-direction:column;justify-content:space-between;min-height:200px;padding:30px;display:flex}.project-slide .previewBubble h2{margin:0;font-size:36px}.project-slide .previewBubble .post-preview{flex-grow:1;margin:15px 0;font-size:16px}.project-slide .previewBubble a{color:#dabfff;align-self:flex-end;text-decoration:none;display:inline-block}.project-slide .previewBubble a:hover{text-decoration:underline}@media only screen and (width<=600px){#projectPreview{padding:20px 25px}.project-slide{flex:0 0 200px}}#musicListening{box-sizing:border-box;border-top:4px solid #0000;border-bottom:4px solid #0000;width:100%;padding:10px 0;position:relative}#musicListening h2{text-align:right}.music-history-container{box-sizing:border-box;background-image:linear-gradient(#1c1c1d,#1c1c1d),linear-gradient(90deg,#5bcefa,#f5a6b8,#fff,#f5a6b8,#5bcefa,#5bcefa,#f5a6b8,#fff,#f5a6b8,#5bcefa);background-size:100% 100%,200%;background-origin:border-box;background-clip:padding-box,border-box;border:4px solid #0000;border-radius:16px;flex-direction:column;gap:25px;width:100%;max-width:800px;margin:20px auto;padding:25px;animation:8s linear infinite movePrideBorder;display:flex;position:relative;overflow:hidden}.music-history-container .status-indicator{text-align:center;color:#a8a8a8;padding:20px 0}.music-history-container .now-playing-spotlight{align-self:center;width:50%}.music-history-container .now-playing-spotlight .music-bubble{padding:20px}.music-history-container .now-playing-spotlight .music-bubble img{width:128px;height:128px}.music-history-container .now-playing-spotlight .music-bubble h3{font-size:1.5em}.music-history-container .music-carousel{margin:0 -25px;padding:0 25px;overflow:hidden}.music-history-container .music-carousel :global(.embla__viewport){width:100%;overflow:hidden}.music-history-container .music-carousel :global(.embla__container){will-change:transform;display:flex}:is(.music-history-container .music-carousel :global(.embla__slide),.music-history-container .music-carousel .music-carousel-slide){box-sizing:border-box!important;flex:0 0 320px!important;width:320px!important;min-width:320px!important;max-width:320px!important;margin:0!important;padding-right:1.5rem!important}.music-history-container .music-bubble{box-sizing:border-box;background-color:#262627;background-image:linear-gradient(#262627,#262627),linear-gradient(90deg,#5bcefa,#f5a6b8,#fff,#f5a6b8,#5bcefa);background-origin:border-box;background-clip:padding-box,border-box;border:3px solid #0000;border-radius:20px;align-items:center;gap:15px;width:100%;padding:12px;transition:transform .3s,box-shadow .3s;display:flex}.music-history-container .music-bubble.active-playing{transform:translateY(-1px);box-shadow:0 0 15px #5bcefa66,0 0 25px #f5a6b833}.music-history-container .music-bubble img{object-fit:cover;border-radius:10px;flex-shrink:0;width:64px;height:64px}.music-history-container .music-bubble .track-details{flex-direction:column;width:100%;display:flex;overflow:hidden}.music-history-container .music-bubble .track-details .playback-header{align-items:center;gap:8px;margin-bottom:4px;display:flex}.music-history-container .music-bubble .track-details .playback-header .status-text{color:#5bcefa;letter-spacing:1px;text-transform:uppercase;margin:0;font-size:1.1em;font-weight:700}.music-history-container .music-bubble .track-details .playback-header .date-text{color:#a8a8a8;white-space:nowrap;text-overflow:ellipsis;font-size:.7em;overflow:hidden}.music-history-container .music-bubble .track-details h3{color:#fff;white-space:nowrap;text-overflow:ellipsis;margin:0 0 4px;font-size:1em;display:block;overflow:hidden}.music-history-container .music-bubble .track-details .artist-name{color:#d9d9d9;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1em;display:block;overflow:hidden}.music-history-container .pulse-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:1.6s infinite pulse}@keyframes movePrideBorder{0%{background-position:0 0,0 0}to{background-position:0 0,-200% 0}}@keyframes pulse{0%{background-color:#5bcefa;transform:scale(.92);box-shadow:0 0 #5bcefab3}35%{background-color:#f5a6b8;box-shadow:0 0 0 4px #f5a6b880}70%{background-color:#fff;transform:scale(1.05);box-shadow:0 0 0 8px #fff0}to{background-color:#5bcefa;transform:scale(.92);box-shadow:0 0 #5bcefa00}}@media only screen and (width<=600px){#musicListening{gap:15px;padding:15px}#musicListening .now-playing-spotlight{width:100%}#musicListening .music-bubble{padding:15px}#musicListening .music-bubble img{width:96px;height:96px}#musicListening .music-bubble h3{font-size:.8em}}#links h2{text-align:right;padding-bottom:0}#links #link-collection{flex-wrap:wrap;justify-content:center;align-self:center;min-height:180px;padding-top:20px;padding-bottom:40px;display:flex}#links #link-collection .randomButton{text-align:center;box-sizing:border-box;background-color:#262627;border-radius:15px;justify-content:center;align-items:center;width:130px;height:50px;margin:10px;padding:25px;font-size:18px;font-weight:700;text-decoration:none;display:flex}#links #link-collection .randomButton p{color:#fff}#links #link-collection .randomButton:hover{transform:translateY(-2px)}#links #link-collection .randomButton:active{transform:translateY(4px)}#aboutMe{box-sizing:border-box;width:100%;padding-bottom:20px;position:relative}#aboutMe h2{text-align:left}#aboutMe section{align-items:center;gap:40px;width:100%;display:flex}#aboutMe section article{background-color:#262627;border:2px solid #dabfff;border-radius:20px;flex:1;min-width:0;min-height:780px;padding:25px;font-size:1em}#aboutMe section article img{object-fit:cover;border:2px solid #d9d9d9;border-radius:25%;margin:0 auto;display:block}#aboutMe section article p{margin:0;padding:0;font-size:1em}#aboutMe section article .about-me-info-section{padding-bottom:25px}#aboutMe section article .title{color:#dabfff;font-size:.9em}#aboutMe section article .bottom-text{font-size:1.5em}#aboutMe section article #name h1{text-align:center;font-size:3rem}#aboutMe section article #pronouns{padding-top:100px}#aboutMe section article #about-me-bio{font-size:1.4em}@media only screen and (width<=800px){#aboutMe section{flex-direction:column}#aboutMe section article{min-width:360px;max-width:360px}}#blogPage{padding-top:25px;padding-bottom:25px}#blogPage h1{text-align:center;font-size:3em}#blogPage .dynamicBlog .blogPost{background-color:#2d2c2c;border-radius:25px;margin:25px;padding:30px 60px 60px}#blogPage .dynamicBlog .blogPost p{color:#a8a8a8;font-size:1.5em}#blogPage .dynamicBlog .blogPost a{color:#dabfff;font-size:1.2em;text-decoration:none}#blogPage .dynamicBlog .blogPost h2{padding-bottom:25px;font-size:2em}#blogPage .dynamicBlog .blogPost h2 a{color:#dabfff;padding-bottom:25px;text-decoration:none}#postPage{padding-top:25px;padding-bottom:50px}#postPage .postContent{background-color:#2d2c2c;border-radius:25px;padding:50px}#postPage .postTitle{text-align:center;padding:25px;font-size:3em}#postPage .postDate{color:#dabfff;text-align:right;padding:10px;font-size:1.2em}#postPage .postContentBody{text-align:left;font-size:1.5em}#postPage .backButton{color:#dabfff;font-size:1.7em;text-decoration:none}.footer-div{flex-shrink:0;width:100%;margin-top:auto}.footer-div footer{color:#1c1c1d;background-color:#262627;justify-content:center;align-items:center;width:100%;height:100px;display:flex}.footer-div footer h1{color:#fff;font-size:26px;text-decoration:none}.embla{width:100%;overflow:hidden}.embla .embla__viewport{cursor:grab;width:100%;overflow:hidden}.embla .embla__viewport:active{cursor:grabbing}.embla .embla__container{touch-action:pan-y pinch-zoom;gap:16px;display:flex}.embla .embla__slide{flex:0 0 calc(50% - 8px);min-width:0}.active.svelte-12qhfyh{color:#dabfff}nav.svelte-12qhfyh{background-color:#262627;width:100%;height:auto;margin-top:0;top:0}nav.svelte-12qhfyh #navLinks:where(.svelte-12qhfyh){width:100%;max-width:960px;margin:0 auto;display:block}nav.svelte-12qhfyh ul:where(.svelte-12qhfyh){padding-top:0;padding-left:0;list-style-type:none;overflow:hidden}nav.svelte-12qhfyh ul:where(.svelte-12qhfyh) li:where(.svelte-12qhfyh){margin-top:0;padding:10px 20px 10px 40px;display:inline-block}nav.svelte-12qhfyh ul:where(.svelte-12qhfyh) a:where(.svelte-12qhfyh){color:#fff;font-size:42px;text-decoration:none}nav.svelte-12qhfyh ul:where(.svelte-12qhfyh) li:where(.svelte-12qhfyh):first-child{padding-left:20px}@media only screen and (width<=600px){nav.svelte-12qhfyh #navLinks:where(.svelte-12qhfyh){flex-direction:column;height:auto;display:flex}nav.svelte-12qhfyh ul:where(.svelte-12qhfyh){flex-direction:column;padding:0;display:flex}nav.svelte-12qhfyh ul:where(.svelte-12qhfyh) li:where(.svelte-12qhfyh){text-align:center;padding:10px 20px;display:block}}@keyframes svelte-12qhfyh-bubblePopUp{0%{opacity:0;transform:translate(-50%)translateY(15px)scale(.6)}20%{opacity:1;transform:translate(-50%)translateY(0)scale(1.1)}80%{opacity:1;transform:translate(-50%)translateY(-5px)scale(1)}to{opacity:0;transform:translate(-50%)translateY(-25px)scale(.8)}}@keyframes svelte-12qhfyh-catSquish{0%{transform:scale(1)}30%{transform:scale(1.15,.8)}70%{transform:scale(.9,1.1)}to{transform:scale(1)}}@keyframes svelte-12qhfyh-movePrideBorder{0%{background-position:0 0,0 0}to{background-position:0 0,-200% 0}}@keyframes svelte-12qhfyh-pulse{0%{background-color:#5bcefa;transform:scale(.92);box-shadow:0 0 #5bcefab3}35%{background-color:#f5a6b8;box-shadow:0 0 0 4px #f5a6b880}70%{background-color:#fff;transform:scale(1.05);box-shadow:0 0 0 8px #fff0}to{background-color:#5bcefa;transform:scale(.92);box-shadow:0 0 #5bcefa00}}.footer-div.svelte-12qhfyh{flex-shrink:0;width:100%;margin-top:auto}.footer-div.svelte-12qhfyh footer:where(.svelte-12qhfyh){color:#1c1c1d;background-color:#262627;justify-content:center;align-items:center;width:100%;height:100px;display:flex}.footer-div.svelte-12qhfyh footer:where(.svelte-12qhfyh) h1:where(.svelte-12qhfyh){color:#fff;font-size:26px;text-decoration:none}
