body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:url(/assets/nicki1-CXMs6rOO.png);background-size:cover;background-repeat:no-repeat;background-attachment:fixed;height:100%}*{scrollbar-color:#e63998 #ffd6ea}a{text-decoration:none}html{scroll-behavior:smooth}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@font-face{font-family:HeartFont;src:url(/assets/KINKIE-D6A7ytb9.TTF) format("opentype");font-weight:400;font-style:normal}@font-face{font-family:Eden;src:url(/assets/Eden%20Meadow%20DEMO-G3zDN4qF.ttf) format("opentype");font-weight:400;font-style:normal}.navbar{background:#e63998;border-bottom:3px solid #b30059;display:flex;justify-content:space-between;align-items:center;padding-right:20px;height:3rem;position:sticky;top:0;z-index:1000}.nav-button,.title{margin-left:40px;font-family:HeartFont,sans-serif;font-size:clamp(24px,2vw,28px)}.nav-button{color:#fff}.title{color:pink}.nav-button:hover{cursor:pointer;color:pink}.hamburger{display:none;font-size:28px;color:#fff;cursor:pointer}.menu{display:flex}.window-controls{display:flex;gap:4px;width:100%;align-items:center}.hamburger{margin-left:auto}.homepage-container{display:flex;margin:7vh;align-items:end}.spacer{flex:1}.main-content{flex:2;background:#fff4cc;height:80vh;border:3px solid #e63998}.skill-side{flex:1;background:pink;height:40vh;border-top:3px solid #e63998;border-right:3px solid #e63998;border-bottom:3px solid #e63998}.skill-header{font-family:HeartFont,sans-serif;font-size:5vh;color:#e63998;display:flex;justify-content:center;align-items:center}.about-me-header{display:flex;justify-content:center;align-items:center;height:6vh;font-family:HeartFont,sans-serif;font-size:5vh;color:#e63998}.about-me-content{margin-left:8px;margin-right:8px;margin-bottom:8px;white-space:pre-line;font-family:Inter,sans-serif;font-size:.94rem;line-height:1.6}.skill-content,.cv-content{font-family:Inter,sans-serif;font-size:.94rem}.skill-content h4{margin:0}.content-button{display:flex;align-items:center;justify-content:space-between}.content-button button{font-family:HeartFont,sans-serif;font-size:clamp(16px,2vw,24px);background:none;border:none;color:#e63998;margin-right:1rem;cursor:pointer;text-decoration:underline}.cv-container{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;padding:2rem;box-sizing:border-box}.cv-content{margin:5px}.cv-item{background:#fff4cc;border:3px solid #e63998}.cv-subitem{margin-bottom:1.5rem}.cv-subitem h4{margin:0;font-weight:700}.cv-subitem p{margin:.2rem 0}.cv-subitem span{font-size:.85rem;opacity:.7}a.profile-link{color:#e63998;text-decoration:underline}a.profile-link:hover{color:pink;text-decoration:underline}.skill-page{min-height:100vh}.summary-skills-container{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;padding:2rem;box-sizing:border-box}#introduction-section{margin-top:2rem}.skill-title,.yellow-title,.pink-title{font-family:HeartFont,sans-serif;font-size:clamp(16px,2vw,28px);margin:5px;color:#e63998}.backend-skills-container,.frontend-skills-container{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;box-sizing:border-box}.title-spacer{display:flex;justify-content:space-between}.pa-container,.introduction-skills-container{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;box-sizing:border-box}.yellow-cube,.pink-cube{border:3px solid #e63998;display:flex;flex-direction:column;align-items:flex-start}.yellow-cube{background:#fff4cc}.pink-cube{background:pink}.yellow-title,.pink-title{margin-top:4rem;margin-bottom:1.5rem;border:3px solid #e63998;padding:4px 12px;display:inline-block}.yellow-title{background:#fff4cc}.pink-title{background:pink}.skills-container,.skill-content{padding:5px}.section{padding:0 2rem 2rem;box-sizing:border-box}.skill-button{border:3px solid #e63998;font-family:HeartFont,sans-serif;font-size:clamp(16px,1.5vw,24px);color:#e63998;width:fit-content;margin-top:auto;margin-bottom:5px;align-self:center;padding:4px 10px;background:none}.skill-button:hover{cursor:pointer}.skill-content h4{font-weight:700;margin-top:.75rem;font-family:Inter,sans-serif;font-size:.94rem}.skill-content p{margin:.2rem 0;font-family:Inter,sans-serif;font-size:.94rem}.skill-content span{font-size:.85rem;opacity:.7}.skill-content p{opacity:.8;font-size:.9rem}a.pink-cube,a.yellow-cube{color:#000;text-decoration:none}.skill-content img{width:100%;max-height:300px;object-fit:cover;border-radius:8px;margin-top:10px}.project-container{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;box-sizing:border-box}.project-media{width:100%;height:250px;object-fit:contain;background:#000}@media(max-width:900px){.summary-skills-container,.pa-container,.introduction-skills-container,.backend-skills-container,.frontend-skills-container{grid-template-columns:1fr}.title-spacer{flex-direction:column;align-items:flex-start;gap:.75rem}.section{padding:0 1rem 1.5rem}.summary-skills-container,.pa-container,.introduction-skills-container,.backend-skills-container,.frontend-skills-container{gap:1rem;padding:1rem}.yellow-title,.pink-title{margin-top:2rem;margin-bottom:.75rem}}@media(max-width:900px){.project-container{grid-template-columns:1fr}.project-media{width:100%;height:auto;max-height:300px}}@media(max-width:1024px){.cv-container{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.homepage-container{flex-direction:column;margin:2rem;align-items:stretch;gap:1rem}.spacer{display:none}.main-content,.skill-side{flex:none;width:100%;height:auto}.skill-side{border-left:3px solid #e63998}.cv-container{grid-template-columns:1fr}}@media(max-width:600px){.homepage-container{margin:1rem}.skill-header,.about-me-header{font-size:2rem;height:auto;padding:.75rem 0;text-align:center}.content-button{flex-direction:column;align-items:flex-start;gap:.5rem}.content-button button{margin-right:0}.cv-container{gap:1rem;padding:1rem}}@media(max-width:768px){.menu{display:none;position:absolute;top:3rem;left:0;background:#e63998;flex-direction:column;width:100%;padding:10px 0;border-bottom:3px solid #b30059}.menu.open{display:flex}.hamburger{display:block;margin-left:40px}}