@import "https://fonts.googleapis.com/css2?family=Delius&family=Nunito:wght@400;600;700&display=swap";:root{color:#2e3a4b;font-synthesis:none;text-rendering:optimizelegibility;font-family:Nunito,sans-serif}*{box-sizing:border-box}body{background-color:#f9f7f4;min-width:320px;min-height:100vh;margin:0}#root{min-height:100vh}main{box-sizing:border-box;width:100%;max-width:1200px;margin:0 auto;padding:40px 24px}h1{text-align:center;color:#2e3a4b;width:100%;margin:0 auto 48px}h1,h2,.project-card h2{font-family:Delius,cursive;font-weight:400}.project-card{background-color:#f8f5ff;border-radius:24px;padding:24px;box-shadow:0 8px 24px #2e3a4b14}.project-card img{aspect-ratio:16/10;object-fit:cover;border-radius:16px;width:100%;display:block}.project-info{padding:16px}.project-card h2{color:#2e3a4b;margin:0 0 24px;font-size:32px}.project-card-content{grid-template-columns:1.1fr 1fr;align-items:center;gap:32px;display:grid}.project-card ul{flex-wrap:wrap;gap:8px;margin:0 0 28px;padding:0;list-style:none;display:flex}.project-card li{color:#2e3a4b;border-radius:999px;padding:6px 12px;font-size:14px}.project-card li:nth-child(4n+1){background-color:#f7c8db}.project-card li:nth-child(4n+2){background-color:#a7c4a0}.project-card li:nth-child(4n+3){background-color:#f6b26b}.project-card li:nth-child(4n+4){background-color:#dcd2ff}.project-links{flex-wrap:wrap;gap:12px;display:flex}.project-links a{color:#fff;white-space:nowrap;background-color:#8f7ae5;border-radius:999px;padding:10px 16px;font-weight:600;text-decoration:none;transition:background-color .2s,transform .2s;display:inline-block}.project-links a:hover{background-color:#765fcf;transform:translateY(-2px)}.hero{background-color:#f9f7f4;border-radius:24px;justify-content:space-between;align-items:center;gap:48px;padding:48px 64px;display:flex;overflow:hidden}.hero-content{flex:1;max-width:480px}.hero-greeting{color:#8f7ae5;letter-spacing:.5px;margin:0 0 8px;font-size:14px;font-weight:700}.hero h1{color:#2e3a4b;margin:0 0 20px;font-size:56px;line-height:1.05}.hero-description{color:#5f6875;max-width:430px;margin:0 0 24px;font-size:16px;line-height:1.6}.hero-button{color:#fff;background-color:#8f7ae5;border-radius:999px;align-items:center;gap:12px;padding:12px 22px;font-weight:700;text-decoration:none;transition:background-color .2s,transform .2s;display:inline-flex}.hero-button:hover{background-color:#765fcf;transform:translateY(-2px)}.hero-art{flex-shrink:0;width:430px;height:300px;position:relative}.hero-lavender{background-color:#a78bfa;border-radius:50% 45% 55% 40%;width:180px;height:230px;position:absolute;top:35px;left:10px}.hero-pink{opacity:.7;background-color:#f7c8db;border-radius:55% 45% 50% 50%;width:260px;height:190px;position:absolute;top:20px;right:20px}.hero-green{opacity:.8;background-color:#a7c4a0;border-radius:55% 45% 60% 40%;width:110px;height:90px;position:absolute;bottom:15px;right:0}.hero-orange{background-color:#f6b26b;border-radius:50%;width:35px;height:35px;position:absolute;top:5px;right:55px}.projects{margin-top:80px}.projects:before{content:"✦";color:#f6b26b;margin-bottom:8px;font-size:24px;display:block}.projects h2{color:#2e3a4b;margin:0 0 32px;font-size:40px;line-height:1.1}.navbar{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.logo{color:#2e3a4b;font-family:Delius,cursive;font-size:30px;font-weight:400;text-decoration:none;position:relative}.logo:after{content:"♡";color:#f6b26b;font-size:22px;position:absolute;top:-10px;right:-20px}.nav-links{gap:28px;display:flex}.nav-links a{color:#5f6875;font-weight:600;text-decoration:none;transition:color .2s}.nav-links a:hover{color:#a78bfa}.about{text-align:center;background-color:#ffc3d7;border-radius:32px;margin-top:80px;padding:56px 32px}.about h2{color:#2e3a4b;margin:0 0 16px;font-size:32px}.about p{color:#5f6875;max-width:650px;margin:0 auto;font-size:17px;line-height:1.7}.contact{text-align:center;margin-top:80px;padding:56px 24px 72px}.contact h2{color:#2e3a4b;margin:0 0 16px;font-size:40px}.contact p{color:#5f6875;max-width:500px;margin:0 auto 24px;font-size:17px;line-height:1.6}.contact a{color:#fff;background-color:#a78bfa;border-radius:999px;align-items:center;padding:12px 24px;font-weight:700;text-decoration:none;transition:background-color .2s,transform .2s;display:inline-flex}.contact a:hover{background-color:#8f7ae5;transform:translateY(-2px)}.project-grid{gap:32px;display:grid}@media (width>=768px){.project-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.navbar{flex-direction:column;gap:16px}.hero{text-align:center;flex-direction:column;gap:24px;padding:40px 24px 48px}.hero-content{max-width:100%}.hero h1{font-size:48px}.hero-description{max-width:100%}.hero-art{width:260px;height:200px;transform:scale(.85)}.project-card-content{grid-template-columns:1fr;gap:24px}.project-info{padding:0}}