@font-face{font-family:cc-wild-words-roman;src:url(/assets/CCWildWordsRoman-DMJGAgsp.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}body{font-family:Helvetica,sans-serif}:root{--bg: #0C0C0E;--bubble: rgba(217, 101, 233, .7)}body{margin:0;background:var(--bg);overflow:hidden}h1{font-size:clamp(2em,4vw,2rem)}.bubble{position:absolute;bottom:-50px;border-radius:50%;background:var(--bubble);animation:float linear forwards;filter:blur(.5px)}@keyframes float{0%{transform:translateY(0) scale(.6);opacity:0}20%{opacity:1}to{transform:translateY(-120vh) scale(1);opacity:0}}#desc{color:#fff;text-shadow:rgb(217,101,233) 0px 4px 8px;line-height:1.5rem;margin-bottom:0}#title{font-family:Brush Script MT,cursive;font-size:300%;font-weight:700;color:#fff;text-shadow:rgb(217,101,233) 0px 4px 8px}#pronouns{font-size:200%;margin-bottom:2rem}#pres{font-size:160%;max-width:50rem;line-height:2.5rem;margin-bottom:0}#projects{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:5%;padding:2rem;max-width:77%;margin:0 auto;overflow-x:hidden;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.projectElement{background:linear-gradient(90deg,#3217369e,#63356a77);border-radius:1.5rem;box-shadow:0 8px 20px #33173780;text-align:center;transition:transform .2s ease;display:flex;flex-direction:column;align-items:center;position:relative;padding:1rem;flex:1 1 300px;max-width:20rem}.projectElement img{background-color:#503772;box-shadow:6px 0 3px #38264f;width:60%;border-radius:15px;flex-shrink:0;margin-bottom:0rem}.projectElement:hover{transform:translateY(-5px);transform:scale(1.05);transition:transform .1s ease;background:linear-gradient(90deg,#462b4a9e,#77497e77)}.projectElement h2{font-size:220%;margin-top:.5rem;margin-bottom:.2rem}.projectElement p{padding-left:10px;margin-top:0;font-size:130%}.projectElement a{font-size:clamp(.8rem,2vw,.95rem);text-decoration:none;color:#6a0dad;font-weight:600;margin-bottom:.75rem;transition:color .3s ease}.projectElement a:hover{color:#ff4ca3}@media(max-width:450px){.projectElement h2{font-size:1.2rem!important}}@media(max-width:900px){.projectElement{flex:1 1 calc(50% - 2rem);max-width:50%}.projectElement img{width:35%}.projectElement p{font-size:.85rem}}@media(max-width:650px){.projectElement{flex:1 1 100%;max-width:100%;flex-direction:column;align-items:center;padding:1rem}.projectElement img{width:70%;margin-bottom:1rem}.projectElement p{padding-left:0;text-align:center}.projectElement a{margin-top:1rem}}