@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:relative}.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:30;position:absolute;bottom:32px;right:32px}.duck-image{cursor:pointer;width:200px;transition:transform .3s}.duck-image:hover{transform:scale(1.05)}.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:relative}.image-wrapper{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.project-image{object-fit:contain;width:100%;height:100%}.text-column{justify-content:center;width:50%;display:flex}.text-content-container{text-align:center;display:flex;position:relative}.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-description,.project-description-full,.project-description-max,.project-description-left{max-width:90%;padding-left:16px;padding-right:16px}.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}}@media (max-width:1280px){.content-wrapper{max-width:90%}.image-container{width:320px;height:320px}.title{font-size:40px}.project-title{font-size:48px}.project-description{font-size:18px}.duck-image{width:180px}}@media (max-width:1024px) 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{padding-left:24px;padding-right:24px;font-size:16px}.duck-image{width:160px}}@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}}@media (max-width:480px){.image-container{width:200px;height:200px}.title{font-size:20px}.subtitle{font-size:14px}.project-title{font-size:22px}.project-description{padding-left:8px;padding-right:8px;font-size:14px}.duck-image{width:120px}.content-wrapper{padding-left:8px;padding-right:8px}}