@import "https://fonts.googleapis.com/css2?family=Cherry+Bomb+One&family=DynaPuff:wght@400..700&family=Fuzzy+Bubbles:wght@400;700&family=Jolly+Lodger&family=Luckiest+Guy&display=swap";
.about-container{flex-direction:column;justify-content:flex-start;align-items:center;width:100vw;height:100vh;padding-top:2rem;display:flex;position:relative;overflow:hidden}.about-bg{object-fit:cover;opacity:.9;z-index:-10}.about-title{color:#faec00;-webkit-text-stroke:3px #b05e27;letter-spacing:3px;text-align:center;opacity:0;z-index:5;box-sizing:border-box;width:100%;margin-top:30px;margin-bottom:40px;padding:0 20px;font-family:Cherry Bomb One,system-ui;font-size:96px;animation:1.5s ease-out forwards fadeIn,4s ease-in-out infinite float;position:relative;left:50%;right:20px}.text-background{box-sizing:border-box;text-align:center;z-index:5;background-color:#fff2cc;border:5px solid #dfa67b;border-radius:25px;max-width:80%;margin-top:12rem;padding:1.5rem 2.5rem}.about-text{color:#7bc931;-webkit-text-stroke:.5px #4d8354;white-space:normal;word-wrap:break-word;margin:0;font-family:DynaPuff,system-ui;font-size:25px;line-height:1.6}.duck-link{z-index:10;position:absolute;bottom:40px;right:60px}.duck{cursor:pointer;z-index:10;animation:6s ease-in-out infinite duckFloat;position:relative;bottom:60px;right:550px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-6px)}to{transform:translateY(0)}}@keyframes duckFloat{0%{transform:translate(0)}50%{transform:translate(-12px,-6px)}to{transform:translate(0)}}@media (max-width:1200px){.about-title{-webkit-text-stroke:2.5px #b05e27;margin-top:40px;font-size:80px}.text-background{max-width:85%;padding:1.2rem 2rem}.about-text{font-size:22px}.duck-link{bottom:40px;right:100px}}@media (max-width:1024px){.about-title{margin-top:50px;font-size:64px}.text-background{max-width:85%;padding:1rem 1.8rem}.about-text{font-size:20px}.duck-link{bottom:30px;right:80px}}@media (max-width:768px){.about-title{letter-spacing:2px;margin-top:30px;font-size:48px}.text-background{border:4px solid #dfa67b;border-radius:20px;max-width:90%;padding:1rem 1.5rem}.about-text{font-size:18px;line-height:1.5}.duck-link{bottom:20px;right:40px}}@media (max-width:480px){.about-title{-webkit-text-stroke:2px #b05e27;margin-top:20px;font-size:38px}.text-background{border:3px solid #dfa67b;border-radius:15px;max-width:90%;padding:.8rem 1.2rem}.about-text{-webkit-text-stroke:.4px #4d8354;font-size:16px;line-height:1.4}.duck-link{bottom:15px;right:20px}}