/* Troy Bauer — Main Styles */
*{margin:0;padding:0;box-sizing:border-box}
body{margin:0;background:#F8F6F2;font-family:'Bricolage Grotesque',sans-serif}
a{color:#3D6E99;text-decoration:none}a:hover{color:#2B5580}

@keyframes twinkle{0%,100%{opacity:0.15;transform:scale(0.8)}50%{opacity:0.6;transform:scale(1.2)}}
@keyframes drift1{0%{transform:translate(0,0)}33%{transform:translate(20px,-15px)}66%{transform:translate(-10px,20px)}100%{transform:translate(0,0)}}
@keyframes drift2{0%{transform:translate(0,0)}33%{transform:translate(-25px,10px)}66%{transform:translate(15px,-20px)}100%{transform:translate(0,0)}}
@keyframes drift3{0%{transform:translate(0,0)}33%{transform:translate(10px,25px)}66%{transform:translate(-20px,-10px)}100%{transform:translate(0,0)}}
@keyframes floatBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@keyframes glowSpin{0%{transform:scale(1) rotate(0deg)}25%{transform:scale(1.1) rotate(90deg)}50%{transform:scale(1) rotate(180deg)}75%{transform:scale(1.1) rotate(270deg)}100%{transform:scale(1) rotate(360deg)}}
@keyframes wiggle{0%{transform:rotate(0deg)}20%{transform:rotate(4deg)}40%{transform:rotate(-4deg)}60%{transform:rotate(3deg)}80%{transform:rotate(-2deg)}100%{transform:rotate(0deg)}}
@keyframes glowPulse{0%,100%{opacity:0.65}50%{opacity:0.85}}
@keyframes borderSpin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
@keyframes starTwinkle{0%,100%{transform:scale(0.75)}50%{transform:scale(1.25)}}
@keyframes aboutFadeSlide{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
@keyframes aboutFadeScale{from{opacity:0;transform:scale(0.9)}to{opacity:1;transform:scale(1)}}

.hat-area{cursor:pointer}
.hat-area .hat-glow{transition:width 1.5s ease-in-out, height 1.5s ease-in-out, opacity 1.5s ease-in-out, filter 2s ease-in-out;opacity:1}
.hat-area:hover .hat-glow,.hat-area.active .hat-glow{width:560px !important;height:560px !important;opacity:1 !important;-webkit-filter:blur(85px) hue-rotate(60deg) !important;filter:blur(85px) hue-rotate(60deg) !important}
.hat-area .hat-star{transition:opacity 2.5s ease-in-out}
.hat-area:hover .hat-star,.hat-area.active .hat-star{opacity:1 !important}