:root{background:#17181f;font-family:Inter,sans-serif}.GenericLinkDeco,#GenericLinkDeco{cursor:pointer;width:fit-content;height:fit-content;text-decoration:none}@keyframes mainBubblePop{0%{opacity:.5;transform:scale(.99)}to{opacity:1;transform:scale(1)}}.mainBubbleContent{justify-content:center;width:100%;margin-top:30px;display:flex}.MainBubble{background:0 0;border:4px solid #c3b1e162;border-radius:20px;grid-template-columns:1fr 1px 1fr;width:950px;height:530px;animation:.2s mainBubblePop;display:grid}.divider{background:#c3b1e162;border-radius:12px;align-self:center;width:3px;height:90%}.leftCol,.rightCol{justify-content:center;padding:20px;display:flex}.leftColContent{text-align:center;flex-direction:column;align-items:center;display:flex}.pfp{border:5px solid #c3b1e1a9;border-radius:50%;width:210px;margin-top:10px}.username{color:#fff;background:linear-gradient(to bottom right,#ffffff26,#ffffff0d);border-radius:10px;width:200px;margin-top:15px;margin-bottom:5px;padding:5px;font-size:28px;font-weight:800}.pronouns{color:#fff;text-transform:uppercase;background:linear-gradient(to bottom right,#ffffff26,#ffffff0d);border-radius:10px;width:120px;padding:5px;font-size:17px;font-weight:700}.spotifyContainer{margin-top:5px}.transText{background:linear-gradient(90deg,#5bcefa 0%,#f5a9b8 30%,#fff 50%,#f5a9b8 70%,#5bcefa 100%);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;display:inline-block}.rightColContent{text-align:center;flex-direction:column;align-items:center;display:flex}.bioContent{text-align:left;background:linear-gradient(to bottom right,#ffffff26,#ffffff0d);border-radius:30px;width:400px;height:190px}.bioTextContainer{padding:12px 12px 12px 20px}.bioTitle{text-transform:uppercase;color:#c3b1e1;letter-spacing:.4px;font-size:21px;font-weight:900}.bioText{color:#fff;margin-left:10px;font-size:16px}.buttonListContainer{margin-top:20px}.bubbleButton{all:unset;box-sizing:border-box;cursor:pointer;background:linear-gradient(to bottom right,#ffffff26,#ffffff0d);border-radius:20px;width:400px;height:80px;transition:all .1s}.bubbleButton:hover{transform:scale(1.025)}#bubblefirst{margin-bottom:15px}.buttonContainer{display:flex}.logoContainer{color:#fff;margin-top:5px;margin-left:20px}.bbuttonTextContainer{text-align:left;margin-top:9px;margin-left:20px}.bbubbletitle{color:#c3b1e1;text-transform:uppercase;font-size:25px;font-weight:900}.bbbubblesubtext{color:#fff;font-size:16px}.socialContainer{margin-top:30px;margin-left:20px;display:flex}.socialButton{all:unset;box-sizing:border-box;cursor:pointer;color:#fff;padding-right:30px;transition:all .23s}.socialButton:hover{color:#c3b1e1;transform:translateY(-18%)}@media (width<=1000px){.MainBubble{width:calc(100% - 20px);margin-left:10px;margin-right:10px}}@media (width<=768px){.mainBubbleContent{box-sizing:border-box;margin-top:20px;padding:0 10px}.MainBubble{border-width:3px;border-radius:18px;grid-template-columns:1fr;width:100%;height:auto;min-height:0}.divider{background:#c3b1e162;border-radius:12px;place-self:center;width:90%;height:3px;margin:20px auto;display:block}.leftCol,.rightCol{padding:15px}.leftCol{padding-bottom:5px}.rightCol{padding-top:10px}.pfp{border-width:4px;width:160px;margin-top:5px}.username{width:180px;margin-top:12px;font-size:25px}.pronouns{width:110px;font-size:15px}.spotifyContainer{max-width:100%;margin-top:5px}.bioContent{border-radius:25px;width:100%;max-width:400px;height:auto;min-height:170px}.bioTextContainer{padding:12px 16px}.bioTitle{font-size:20px}.bioText{margin-left:5px;font-size:15px}.buttonListContainer{width:100%;margin-top:15px}.bubbleButton{border-radius:18px;width:100%;max-width:400px;height:70px}#bubblefirst{margin-bottom:12px}.logoContainer{margin-left:16px}.bbuttonTextContainer{margin-top:11px;margin-left:15px}.bbubbletitle{font-size:22px}.bbbubblesubtext{font-size:14px}.socialContainer{justify-content:center;margin-top:20px;margin-left:0;padding-bottom:10px}.socialButton{padding-left:20px;padding-right:20px}.socialButton:hover{transform:translateY(-10%)}}@keyframes ProjectPop{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.projectsContent{place-items:center;margin-top:70px;display:grid}.projectsTitleContainer{text-align:center}.projectsTitle{color:#c3b1e1;text-transform:uppercase;font-size:33px;font-weight:900}.projectsSubTitle{color:#d8dbf163;font-size:18px;font-style:italic}.projectBubbleAnimationContainer{grid-column:span 2;width:450px;height:485px;animation:.2s backwards ProjectPop;position:relative;overflow:visible}.projectBubbleAnimationContainer#first{animation-delay:50ms}.projectBubbleAnimationContainer#second{animation-delay:.1s}.projectBubbleAnimationContainer#third{animation-delay:.15s}.projectBubbleAnimationContainer#forth{animation-delay:.2s}.projectBubbleAnimationContainer#fith{animation-delay:.25s}.projectsContainer{grid-template-columns:repeat(6,1fr);gap:50px;margin-top:50px;display:grid}.projectBubble{width:450px;height:485px;transform-style:preserve-3d;transform:perspective(1000px) rotateX(var(--rotate-x,0deg)) rotateY(var(--rotate-y,0deg));background:linear-gradient(to bottom right,#ffffff26,#ffffff0d);border-radius:20px;margin-bottom:5px;transition:transform 10ms ease-out}.projectBubbleSpotlight{pointer-events:none;background:radial-gradient(circle 250px at var(--mouse-x) var(--mouse-y), #fff1, transparent 80%);opacity:0;z-index:1;border-radius:20px;transition:opacity .2s;position:absolute;inset:0}.projectBubbleSpotlight.active{opacity:1}.projectBubbleContent{z-index:2;box-sizing:border-box;flex-direction:column;height:100%;padding:20px;display:flex;position:relative}.projectBubbleAnimationContainer:nth-child(4){grid-column:2/span 2}.projectBubbleAnimationContainer:nth-child(5){grid-column:4/span 2}.projectImageContainer{place-items:center;display:grid}.projectImage{border:2px solid #c3b1e1a9;border-radius:20px;width:400px}.projectTextContainer{margin-top:15px;margin-left:5px}.projectTitle{color:#c3b1e1;font-size:28px;font-weight:900}.projectDate{color:#d8dbf196;font-size:15px;font-weight:900}.badgeContainer{column-gap:10px;margin-top:5px;display:flex}.badge{color:#fff;background-color:#ac8ddfa5;border-radius:10px;padding:6px;font-size:13px;font-weight:600}.projectText{color:#fff;margin-top:8px;font-size:17px}.projectButtonContainer{margin-top:auto}.projectButton{all:unset;box-sizing:border-box;cursor:pointer;color:#fff;background:#ad8ddfc6;border-radius:10px;padding:12px 20px;font-size:16px;font-weight:700;transition:all .1s}.projectButton:hover{transform:scale(1.028)}@media (width<=1475px){.projectBubble,.projectBubbleAnimationContainer{width:400px}.projectsContainer{gap:20px;margin-left:30px}.projectImage{width:350px}}@media (width<=1290px){.projectBubble,.projectBubbleAnimationContainer{width:350px;height:465px}.projectsContainer{gap:20px;margin-left:30px}.projectImage{width:300px}}@media (width<=1135px){.projectBubble{width:450px;height:485px}.projectBubbleAnimationContainer{grid-column:span 3;width:450px;height:485px}.projectBubbleAnimationContainer:nth-child(4),.projectBubbleAnimationContainer:nth-child(5){grid-column:span 3}.projectsContainer{grid-template-columns:repeat(6,1fr);gap:50px}.projectImage{width:400px}}@media (width<=995px){.projectBubble,.projectBubbleAnimationContainer{width:400px}.projectsContainer{gap:20px;margin-left:30px}.projectImage{width:350px}}@media (width<=885px){.projectBubble,.projectBubbleAnimationContainer{width:350px;height:465px}.projectsContainer{gap:20px;margin-left:30px}.projectImage{width:300px}}@media (width<=768px){.projectsContent{box-sizing:border-box;width:100%;margin-top:50px;padding:0 15px}.projectsTitle{font-size:28px}.projectsSubTitle{font-size:16px}.projectsContainer{grid-template-columns:1fr;justify-items:center;gap:25px;width:100%;margin-top:30px;margin-left:0;display:grid}.projectBubbleAnimationContainer{width:100%;max-width:450px;height:auto;min-height:465px;grid-column:auto!important}.projectBubble{border-radius:18px;width:100%;height:455px}.projectBubbleContent{padding:15px}.projectImage{border-radius:18px;width:100%;max-width:400px}.projectTextContainer{margin-top:12px;margin-left:3px}.projectTitle{font-size:24px}.projectDate{font-size:14px}.badgeContainer{flex-wrap:wrap;column-gap:7px}.badge{padding:5px;font-size:12px}.projectText{margin-top:7px;font-size:15px}.projectButton{padding:10px 18px;font-size:15px}}.spotifyContainer{background:linear-gradient(to bottom right,#ffffff26,#ffffff0d);border-radius:20px;height:120px;margin-top:20px;padding-right:20px;display:flex}.spotifyLogo{width:65px;margin-top:10px;margin-left:8px}.trackArtworkContainer{width:94px;height:94px;margin-top:13px;margin-left:18px;position:relative}.trackArtwork{object-fit:cover;border:2px solid #c3b1e1;border-radius:15px;width:90px;height:90px;display:block}.artworkPlaceholder{opacity:0;z-index:2;background:#444;border:2px solid #444;border-radius:15px;width:90px;height:90px;transition:opacity .3s;position:absolute;top:0;left:0}.artworkPlaceholder.visible{opacity:1}.loadedContent{opacity:1;transition:opacity .3s;display:block}.hiddenContent{opacity:0;transition:opacity .3s;display:block}.trackInfoContainer{text-align:left;margin-top:15px;margin-left:5px}.listeningToo{color:#fff;font-size:12px}.infoContainer{margin-top:7px;margin-left:8px}.trackName{white-space:nowrap;text-overflow:ellipsis;width:190px;overflow:hidden}.trackName a{color:#c3b1e1;white-space:nowrap;text-overflow:ellipsis;font-size:18px;font-weight:800;text-decoration:none;transition:opacity .3s;display:block;overflow:hidden}.artist{color:#fff;white-space:nowrap;text-overflow:ellipsis;width:190px;overflow:hidden}.artist a{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:15px;text-decoration:none;transition:opacity .3s;display:block;overflow:hidden}.loadingText a{opacity:0;color:#0000;background:#444;border-radius:5px;min-width:120px;height:18px;transition:opacity .3s,background .3s;display:inline-block}.artist.loadingText a{min-width:90px;height:15px}.textLoaded a{opacity:1}.trackName.textLoaded a{color:#c3b1e1;background:0 0}.artist.textLoaded a{color:#fff;background:0 0}@media (width<=858px){.spotifyContainer{width:250px}.trackName{width:140px}}@media (width<=768px){.spotifyContainer{width:300px}.trackName{width:180px}}.footerContent{text-align:center;place-items:center;margin-top:200px;margin-bottom:30px;display:grid}.copyrightText{color:#d8dbf13a}.quoteText{color:#d8dbf13a;font-size:17px;font-weight:800}@media (width<=768px){.footerContent{box-sizing:border-box;margin-top:100px;padding:0 20px}.copyrightText{font-size:14px}.quoteText{font-size:15px}}.navbarContent{margin-top:50px}.titleContainer{place-items:center;display:grid}.pageTitle{color:#c3b1e1eb;margin-right:840px;font-family:Poppins,sans-serif;font-size:35px;font-weight:700}.pageSubTitle{color:#d8dbf163;width:300px;margin-left:110px;margin-right:770px;font-size:18px;font-style:italic;font-weight:600}@media (width<=1200px){.pageTitle{margin-left:0}.pageSubTitle{margin-left:120px}}@media (width<=1090px){.pageTitle{margin-left:-40px}.pageSubTitle{margin-left:40px}}@media (width<=768px){.navbarContent{margin-top:30px;padding:0 20px}.titleContainer{flex-direction:column;align-items:flex-start;display:flex}.pageTitle{margin:0;font-size:30px}.pageSubTitle{width:auto;max-width:100%;margin:0 0 0 5px;font-size:16px}}.four04Content{text-align:center;place-items:center;margin-top:280px;margin-bottom:500px;display:grid}.four04ButtonContainer{place-items:center;display:grid}.four04Title{color:#c3b1e1;text-transform:uppercase;font-size:80px;font-weight:900}.four04SubTitle{color:#d8dbf163;font-size:23px;font-style:italic;font-weight:700}.four04Button{background-color:#c3b1e1;border-radius:20px;width:fit-content;height:fit-content;margin-top:30px;padding:20px;transition:all 35ms}.four04Button:hover{transform:scale(1.028)}.four04BText{color:#252632;font-size:20px;font-weight:800}@media (width<=768px){.four04Content{box-sizing:border-box;margin-top:150px;margin-bottom:250px;padding:0 20px}.four04Title{font-size:60px}.four04SubTitle{font-size:19px}.four04Button{border-radius:17px;margin-top:25px;padding:16px 20px}.four04BText{font-size:17px}}
