@import "https://fonts.googleapis.com/css2?family=Cherry+Bomb+One&family=Fuzzy+Bubbles:wght@400;700&family=Jolly+Lodger&family=Luckiest+Guy&display=swap";
:root{--foreground-rgb:0,0,0;--background-start-rgb:214,219,220;--background-end-rgb:255,255,255;--white:#fff}@media (prefers-color-scheme:dark){:root{--foreground-rgb:255,255,255;--background-start-rgb:0,0,0;--background-end-rgb:0,0,0}}body{color:rgb(var(--foreground-rgb));background:linear-gradient(to bottom,transparent,rgb(var(--background-end-rgb)))rgb(var(--background-start-rgb));font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif}.custom-container{width:100%;height:100vh;position:absolute}.background-image{object-fit:cover;opacity:.9;z-index:-10;width:100%;height:100%;position:absolute;top:0;left:0}.title{color:#faec00;-webkit-text-stroke:3px #b05e27;text-shadow:2px 2px 8px #000000b3;font-family:Cherry Bomb One,system-ui;font-size:7rem;animation:4s ease-in-out infinite titleFloat}.duck-container{z-index:10;flex-direction:column;align-items:center;gap:10px;display:flex;position:absolute;bottom:40px;right:60px}.duck-instruction{color:#faec00;-webkit-text-stroke:1px #b05e27;text-align:center;text-shadow:2px 2px 4px #0000004d;margin:0;font-family:Fuzzy Bubbles,sans-serif;font-size:18px;font-weight:700}.duck-link{display:inline-block}.duck{z-index:10;animation:6s ease-in-out infinite duckFloat}.duck-image{width:200px;transition:transform .3s}.duck-image:hover{transform:scale(1.05)}.cursor-hover{cursor:pointer;display:inline-block}.home-cursor:hover{cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='70' height='30'><rect width='100%' height='100%' fill='%23FAEC00' rx='15' ry='15'/><text x='50%' y='50%' text-anchor='middle' dy='.3em' font-family='Fuzzy Bubbles, sans-serif' font-size='14' fill='%23B05E27' font-weight='bold'>HOME</text></svg>") 35 15,auto}.cursor-hover:hover:after{content:attr(data-cursor);color:#b05e27;pointer-events:none;z-index:1000;background-color:#faec00;border-radius:15px;padding:4px 12px;font-family:Fuzzy Bubbles,sans-serif;font-size:14px;font-weight:700;animation:.2s ease-out fadeInCursor;position:fixed;top:20px;left:20px}@keyframes fadeInCursor{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.scroll-container{height:100%;overflow-y:auto}.scroll-content{height:300vh;position:relative}.sticky-container{justify-content:center;align-items:center;height:100vh;display:flex;position:sticky;top:0}.content-wrapper{width:100%;max-width:1152px;padding-left:px;justify-content:center;align-items:center;display:flex}.image-column{width:50%;display:flex}.image-container{width:384px;height:384px;position:absolute}.image-wrapper{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.project-image{object-fit:contain;width:100%;height:100%;position:absolute;bottom:200px;left:100px}.text-column{justify-content:center;width:50%;display:flex}.text-content-container{text-align:center;display:inline-block;position:absolute}.project-container{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;top:20px;bottom:0}.project-title{color:#faec00;-webkit-text-stroke:3px #b05e27;font-family:Cherry Bomb One,system-ui;font-size:70px}.project-description{color:#b05e27;-webkit-text-stroke:.5px #7e370c;background-color:#faebd7;border:3px solid #b05e27;border-radius:25px;padding:15px;font-family:DynaPuff,system-ui;line-height:1.8}.project-description-full{text-align:center;width:100%;padding-left:32px;padding-right:32px;line-height:1.75}@media (max-width:1024px){.content-wrapper{flex-direction:row;position:absolute}.image-column,.text-column{width:100%}.project-descriptionv{width:300px;top:100px}.title{font-size:28px}.project-title{font-size:36px}}@media (max-width:768px){.image-container{width:280px;height:280px}.title{font-size:24px}.subtitle{font-size:16px}.project-title{font-size:28px}.project-description{font-size:16px}.duck-image{width:150px}.cursor-hover:hover{cursor:pointer}}@media (max-width:1025px) and (min-width:769px){.content-wrapper{flex-direction:column;gap:30px;max-width:90%;padding-left:16px;padding-right:16px}.image-column,.text-column{width:100%}.image-container{width:300px;height:300px}.title{font-size:32px}.project-title{font-size:38px}.project-description{width:300px;padding-left:24px;padding-right:24px;font-size:16px;top:100px}.project-image{object-fit:contain;width:100%;height:100%;position:absolute;bottom:150px;left:10px}.duck-image{width:160px}}@media (max-width:1275px) and (min-width:1025px){.content-wrapper{flex-direction:column;gap:30px;max-width:90%;padding-left:16px;padding-right:16px}.image-column,.text-column{width:100%}.image-container{width:300px;height:300px}.title{font-size:32px}.project-title{font-size:38px;position:absolute;bottom:200px;left:150px}.project-description{width:300px;padding-left:24px;padding-right:24px;font-size:16px;position:absolute;left:100px}.project-image{object-fit:contain;width:100%;height:100%;position:absolute;bottom:150px;left:10px}.duck-image{width:160px}}@media (max-width:768px) and (min-width:592px){.content-wrapper{flex-direction:column;gap:30px;max-width:90%;padding-left:16px;padding-right:16px}.image-column,.text-column{width:100%}.image-container{width:200px;height:200px}.title{font-size:98px}.project-title{font-size:35px;position:absolute;bottom:180px;left:55px}.project-description{width:300px;font-size:16px;position:absolute;left:.1px}.project-image{object-fit:contain;width:100%;height:100%;position:absolute;bottom:150px;left:10px}.duck-image{width:160px}}@media (max-width:592px){.image-container{width:200px;height:200px}.title{font-size:20px}.subtitle{font-size:14px}.project-title{font-size:35px;position:absolute;bottom:180px}.project-description{width:200px;padding-left:8px;padding-right:8px;font-size:14px;position:absolute}.project-image{object-fit:contain;width:100%;height:100%;position:absolute;bottom:150px;left:10px}.duck-image{width:120px}.content-wrapper{padding-left:8px;padding-right:8px}}@media (max-width:430px){.image-container{width:160px;height:160px;position:relative}.project-image{width:100%;height:auto;position:relative;bottom:0;left:0;transform:none}.image-column{justify-content:center;align-items:center}}@media (max-width:360px){.image-container{width:130px;height:130px;position:relative}.project-image{width:100%;height:auto;position:relative;bottom:0;left:0;transform:none}.image-column{justify-content:center;align-items:center}}@media (max-width:320px){.image-container{width:110px;height:110px}.project-image{max-width:100%}}