:root{--wood-brown: #3d2b1f; --sign-brown: hsl(24.35deg 44.52% 30.39%); --sign-dark: hsl(10.4deg 50.34% 29.22%); --bg-dark: #0a0514;}
::-webkit-scrollbar{width: 5px;}
::-webkit-scrollbar-track{background: #020617;}
::-webkit-scrollbar-thumb{background: #475569; border-radius: 4px;}
::-webkit-scrollbar-thumb:hover{background: #60a5fa;}
body{margin: 0; padding: 0; background-image: url("https://file.garden/ag8JwXEGxlB3Dv6B/bgimg.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center; background-attachment: fixed; overflow-x: hidden;box-sizing:inherit;cursor:url("https://file.garden/ag8JwXEGxlB3Dv6B/Normal%20Select.cur"),auto;}
.wood-container{position: relative; width: 100%; display: flex; flex-direction: column; align-items: center; padding-top: 100px;}
img,a, h2{cursor:url("https://file.garden/ag8JwXEGxlB3Dv6B/Link%20Select.cur"),pointer;text-decoration:none;}
.pole{width: 100%; height: 100%; position: absolute; z-index: 1; top: 0; background: url("https://file.garden/ag8JwXEGxlB3Dv6B/mytree.png") no-repeat center center; background-size: cover;}
.sign-wrap{position: relative; z-index: 2; margin-bottom: 50px; display: flex; flex-direction: column; align-items: center; width: 100%;}
.sign{padding: 15px 40px; text-decoration: none; position: relative; transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), filter 0.3s ease; display: inline-block; text-align: center; filter: drop-shadow(3px 3px 0px #110906) drop-shadow(-3px -3px 0px #110906) drop-shadow(3px -3px 0px #110906) drop-shadow(-3px 3px 0px #110906) drop-shadow(8px 12px 10px rgba(0, 0, 0, 0.65));}p
.sign img{max-height: 45px; width: auto; display: block;}
.sign-wood-pattern{background-image: url("https://png.pngtree.com/background/20250104/original/pngtree-vintage-light-grey-wood-planks-on-white-and-gray-wooden-texture-picture-image_15244021.jpg");}
.sign:hover{filter: drop-shadow(3px 3px 0px #000) drop-shadow(-3px -3px 0px #000) drop-shadow(3px -3px 0px #000) drop-shadow(-3px 3px 0px #000) drop-shadow(12px 14px 0px rgba(0,0,0,0.6));}
.sign-rec{background-color: var(--sign-brown); clip-path: polygon(2% 5%, 98% 0%, 100% 20%, 95% 25%, 100% 45%, 98% 95%, 5% 100%, 0% 80%, 5% 75%, 0% 30%);}
.sign-double{background-color: var(--sign-dark); clip-path: polygon(15% 0%, 85% 0%, 100% 50%, 85% 100%, 15% 100%, 0% 50%);}
.sign-slant{background-color: var(--sign-brown); clip-path: polygon(0 10%, 100% 0, 95% 90%, 5% 100%);}
.sign-wrap:nth-child(odd) .sign{margin-left: 45px; transform: rotate(-2.5deg);}
.sign-wrap:nth-child(even) .sign{margin-right: 45px; transform: rotate(3deg);}
.sign-wrap .sign:hover{transform: scale(1.08) rotate(0deg);}
.mist{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: radial-gradient(circle, transparent 20%, var(--bg-dark) 90%); pointer-events: none; z-index: 5;}
h1,h2{position: relative; z-index: 2; font-family: 'Mountains of Christmas', cursive; text-align: center; font-size: 3rem; color: #d4a5ff; text-shadow: 0 0 15px #8e2de2; margin-top: 50px;}
#scrolling-cat{position: fixed; top: 40%; width: 150px; height: auto; z-index: 9999; pointer-events: none; opacity: 0; transition: opacity 0.5s ease, left 0.8s ease, right 0.8s ease, transform 0.5s ease; animation: gentleFloat 3s ease-in-out infinite;}
@keyframes gentleFloat{0%{transform: translateY(0px);}
50%{transform: translateY(-15px);}
100%{transform: translateY(0px);}
}
#scrolling-cat.left-side{opacity: 1; left: 5%; right: auto;}
#scrolling-cat.right-side{opacity: 1; right: 5%; left: auto; transform: scaleX(-1);}
@media (max-width: 768px){#scrolling-cat{width: 100px; top: 50%;}
}
@media (max-width: 480px){#scrolling-cat{width: 75px; left: 2%; right: 2%;}
}