:root{--bg-start: #3db244;--bg-middle: #16982b;--bg-end: #1a4a1b}@keyframes fadeInBackgroundImage{0%{opacity:0}to{opacity:1}}.homepage-wrapper{flex:1;width:100%;display:flex;flex-direction:column;align-items:center;background:radial-gradient(circle at 50% 40%,#fff,#ddeeda 40%,#16982b)}.container{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:center;width:100%;max-width:60rem;background-image:radial-gradient(circle,var(--bg-start) 0%,var(--bg-middle) 35%,var(--bg-end) 100%);background-color:var(--bg-start);color:#fff;border-radius:2px;box-shadow:0 1px 1px #0003,0 1px 2px #0003;will-change:opacity;opacity:0;animation:fadeInBackgroundImage 1s ease-in-out forwards;animation-delay:.2s}.content{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px;min-height:100vh;flex:1}.content h1,.content h2{font-family:Georgia,serif}.content h1{text-shadow:1px 1px 2px rgba(0,0,0,.25);font-size:3.5rem;align-items:baseline;line-height:normal;white-space:nowrap}@keyframes rainbow-flow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.content h1 span{font-size:2.2rem}.content p{font-size:18px;line-height:1.5;padding:0 10rem;margin:10px 0}.content ul{list-style-type:none;padding:0 10rem;margin:0}.content p,li{word-break:break-word;white-space:normal}.content li{font-size:18px;line-height:1;margin:10px 0;text-align:left}.logo{width:4rem;height:4rem;margin-right:1rem;transform:translateY(.25rem)}.intro-content{text-align:center;padding:1rem}.intro-content h3{margin-top:.5rem;margin-bottom:.5rem;font-size:1.2rem}.intro-content p{font-size:.9rem;color:#555}.links{display:flex;gap:1rem;margin-top:1rem;padding-bottom:1rem;align-items:center;justify-content:center;flex-wrap:wrap}.links a{color:#fff;transition:color .3s}.links a:hover{color:#bcddb7;text-decoration-style:wavy;text-decoration-thickness:1px}footer{display:flex;gap:1rem;padding:0 1rem;justify-content:space-around;text-align:center;color:silver;width:100%;box-sizing:border-box;border-top:solid 1px silver;font-size:xx-small}footer p{font-size:xx-small}footer p:first-child{flex:1}footer p:nth-of-type(2){flex:2}footer nav{display:flex;align-items:center;gap:1rem}footer a{color:silver;transition:color .3s}footer a:hover{color:#ddeeda;text-decoration-style:wavy;text-decoration-thickness:1px}.four-leaf{width:210px;height:210px;position:relative;z-index:2}.four-leaf a{display:block;width:100px;height:100px;position:absolute;background:linear-gradient(135deg,#34eb83,#3cba54);box-shadow:0 4px 6px #0000004d;text-align:center;line-height:60px;color:#fff;transition:transform .3s ease-in-out,background .3s ease-in-out}.four-leaf a.leaf-left-top{left:0;top:0;border-radius:50px 50px 0}.four-leaf a.leaf-right-top{right:0;top:0;border-radius:50px 50px 50px 0}.four-leaf a.leaf-left-bottom{left:0;bottom:0;border-radius:50px 0 50px 50px}.four-leaf a.leaf-right-bottom{right:0;bottom:0;border-radius:0 50px 50px}.tooltip{display:none;position:absolute;top:10px;left:50%;transform:translate(-50%);color:#fff;padding:5px 10px;white-space:nowrap}.four-leaf a:hover .tooltip{display:block}.four-leaf a:hover{background:linear-gradient(135deg,#34ebeb,#228b22);transform:scale(1.1);box-shadow:0 8px 12px #0006}.four-leaf a:active{transform:scale(.9);background:linear-gradient(135deg,#1e90ff,#3cba54);box-shadow:0 2px 4px #0000004d}.hero{display:flex;flex-direction:row;justify-content:center;align-items:stretch;padding:1rem;gap:1rem;position:relative;overflow:visible;background-color:#bcddb7;border-radius:5px}.content-left{max-width:25rem;position:relative;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fffc;padding:2rem;border-radius:8px;z-index:1;box-shadow:0 4px 10px #0000001a}.carousel-container{flex:2;background:#fffc;border-radius:8px;padding:.5rem;box-shadow:0 4px 10px #0000001a;min-width:30rem;min-height:300px;position:relative;display:flex;align-items:center}.carousel{width:100%;height:100%;position:relative;overflow:hidden}.carousel-inner{position:relative;width:100%;height:100%;min-height:300px}.carousel-inner a{text-decoration:none}.carousel-item{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .5s ease-in-out;background:#fffffff2;border-radius:5px}.carousel-item.active{opacity:1}.intro-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:.5rem;height:100%;text-align:center}.intro-content-wrapper .icon{position:relative;display:inline-flex;justify-content:center;align-items:center;margin-bottom:.5rem;padding:10px}.main-icon-display{position:relative;z-index:1;font-size:2.5rem;text-shadow:1px 1px 2px #006400}.main-icon-display:hover{transform:translateY(1px)}.stars-arc-container{position:absolute;top:50%;left:50%;width:1px;height:1px;opacity:0;transform-origin:center center;pointer-events:none}.intro-content-wrapper:hover .stars-arc-container{opacity:1;animation:rotateAndFadeArc 5s forwards ease-in-out}@keyframes rotateAndFadeArc{0%{transform:rotate(0) scale(1);opacity:1}45%{transform:rotate(360deg) scale(1);opacity:1}55%{transform:rotate(360deg) scale(1.1);opacity:1}60%{transform:rotate(360deg) scale(1);opacity:1}65%{transform:rotate(360deg) scale(1);opacity:.8}to{transform:rotate(-10deg) scale(0);opacity:0}}.deco-star-arc{position:absolute;font-size:.3rem;color:gold;text-shadow:.1px .5px .5px rgba(0,0,0,.25)}.star-visual{display:inline-block}.intro-content-wrapper:hover .star-visual{animation:individualStarScale 5s forwards ease-in-out}@keyframes individualStarScale{0%{transform:scale(0)}25%{transform:scale(1.5)}50%{transform:scale(2)}75%{transform:scale(1.5)}to{transform:scale(0)}}.deco-star-arc.star-1{transform:rotate(-160deg) translate(60px) rotate(160deg)}.deco-star-arc.star-2{transform:rotate(-145deg) translate(60px) rotate(145deg)}.deco-star-arc.star-3{transform:rotate(-130deg) translate(60px) rotate(130deg)}.deco-star-arc.star-4{transform:rotate(-115deg) translate(60px) rotate(115deg)}.deco-star-arc.star-5{transform:rotate(-100deg) translate(60px) rotate(100deg)}.deco-star-arc.star-6{transform:rotate(-80deg) translate(60px) rotate(80deg)}.deco-star-arc.star-7{transform:rotate(-65deg) translate(60px) rotate(65deg)}.deco-star-arc.star-8{transform:rotate(-50deg) translate(60px) rotate(50deg)}.deco-star-arc.star-9{transform:rotate(-35deg) translate(60px) rotate(35deg)}.deco-star-arc.star-10{transform:rotate(-20deg) translate(60px) rotate(20deg)}.intro-content h3{font-size:1.5rem;color:#006400;margin:0;font-weight:700;text-shadow:1px 1px 2px silver}.intro-content p{font-size:1.2rem;color:#2e7d32;margin:0;padding-left:0;padding-right:0;line-height:1.6;max-width:80%}@media (max-width: 768px){.hero{flex-direction:column}.carousel-container{width:100%;min-width:unset;min-height:200px}.content-left{width:100%}}.carousel-control-prev,.carousel-control-next{position:absolute;top:calc(50% - 1rem);height:2rem;width:2rem;background:#228b2233;border:none;cursor:pointer;border-radius:4px;z-index:2;color:#006400;font-size:1.5rem;font-weight:700;transition:background-color .3s ease;display:flex;align-items:center;justify-content:center;padding:0}.carousel-control-prev{left:1px}.carousel-control-next{right:1px}.carousel-control-prev:hover,.carousel-control-next:hover{background:#228b2266}.carousel-indicators{position:absolute;bottom:.5rem;left:50%;transform:translate(-50%);display:flex;gap:.5rem;z-index:2;padding:.5rem;background:#ffffff80;border-radius:1rem}.indicator{width:.5rem;height:.5rem;border-radius:50%;background:#228b224d;border:none;padding:0;cursor:pointer}.indicator.active{background:#228b22cc}@keyframes pulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.2);opacity:1}}.content-left:before,.content-left:after{content:"";position:absolute;border-radius:50%;background:#ddeeda66;filter:blur(30px);animation:pulse 3s infinite;pointer-events:none;z-index:0}.content-left:before{width:150px;height:150px;top:-30px;left:-30px}.content-left:after{width:180px;height:180px;bottom:-50px;right:-50px}.content-left h2{margin:0;text-align:center;font-family:Arial,Helvetica,sans-serif;font-size:1.2rem;font-weight:600;line-height:1.5;color:#006400;text-shadow:0 2px 4px rgba(0,0,0,.1);white-space:normal}.content-left p{font-size:1.2rem;line-height:1.5;color:#555;padding:.5rem}@media (max-width: 768px){.logo{display:block;margin:1rem auto}.content h1{font-size:2.5rem;line-height:1.2}.content h1 span{font-size:1.5rem}.content h2{font-size:1.5rem;line-height:1.2}.content h2:first-of-type{font-size:1.2rem;margin-bottom:.5rem}.content h3{line-height:1}.content p{font-size:16px;line-height:1.4;padding:0 1rem}.content ul{padding:0 1rem}.content li{font-size:14px;line-height:1.2}.content.links{gap:.5rem;margin:.5rem 0}.hero{flex-direction:column;align-items:center}.content-left,.books-index{width:100%}.books-index{order:1}.content-left{order:2}footer{flex-direction:column-reverse;gap:.5rem;text-align:center}footer nav{align-items:center;justify-content:space-between;padding:0 1rem;margin-top:.5rem}footer p{padding:0 1rem;width:100%;text-align:left;margin-top:1rem}}@media (max-width: 480px){.content h1{font-size:2rem;line-height:1.2}.content h1 span{font-size:1.5rem}}.no-animation .container{animation:none;opacity:1}