@font-face{font-family:Chillside;src:url('../fonts/Chillside.otf') format('opentype');font-weight:400;font-style:normal}html{height:100%;overflow:hidden}body{height:100%;overflow:hidden;background-size:cover;background-repeat:no-repeat;background-position:center}#content-wrapper{position:relative;width:min(90%,60vw);margin:8vh auto 11vh auto;text-align:center}#content-bar{background-color:#2b714c;height:5.5vh;display:flex;align-items:stretch}#bar-text{font-family:Chillside,sans-serif;color:#ffffae;font-size:clamp(10px, .9vw, 999px);display:flex;align-items:center;justify-content:flex-end;padding-right:4vw;flex:1}#bar-wrapper{position:relative}#content-box{color:#5e2f27;background-color:#d79c72;padding:.5vh clamp(20px,4vw,60px) clamp(20px,4vw,60px);border:.1vh solid #2b714c;border-top:none;font-family:Chillside,sans-serif;font-size:clamp(13px, 1.4vw, 22px);text-align:center;overflow-y:auto;width:calc(100% + 17px);box-sizing:border-box}#sign-wrapper{position:relative;width:fit-content;margin:0 auto;z-index:10}#top-sign{width:35vw;max-width:800px;height:auto;display:block;margin:-3vh auto 2vh auto}#sign-text{position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);font-family:Chillside,sans-serif;font-size:3vw;color:#ffffae;text-shadow:2px 2px 4px #752943;white-space:nowrap;pointer-events:none}#logo{width:16vw;max-width:400px;height:auto;position:absolute;top:-2.5vh;left:-8%;transform:rotate(-7deg);z-index:5}#box-wrapper{position:relative;overflow:hidden}#fade-bottom,#fade-top{position:absolute;left:0;right:0;height:3vh;pointer-events:none;z-index:5}#fade-top{top:0;background:linear-gradient(#d79c72,transparent);opacity:0;transition:opacity .3s ease}#fade-bottom{bottom:0;background:linear-gradient(transparent,#d79c72)}#box-wrapper.scrolled #fade-top{opacity:1}#character{position:fixed;bottom:4.5vh;right:8vw;width:auto;height:75vh;z-index:20}#menu-tab{background-color:#e47b4e;border-radius:0 8px 8px 0;font-family:Chillside,sans-serif;color:#ffffae;font-size:clamp(24px, 3vw, 48px);padding:0 1.5vw;display:flex;align-items:center;cursor:pointer;z-index:2}#flag-tab{position:absolute;top:0;left:-1vh;width:100%;height:100%;cursor:pointer;z-index:1}#flag-wrapper{position:relative;display:inline-flex;align-items:center;align-self:flex-end;margin-bottom:-.8vh;height:5vh}#flag-text{position:relative;padding:0 2.5vw 0 1vw;white-space:nowrap;font-family:Chillside,sans-serif;color:#834722;font-size:clamp(13px, 1.4vw, 22px);pointer-events:none;z-index:2;line-height:5vh}#site-footer{position:fixed;bottom:0;left:0;width:100%;background-color:rgba(43,113,76,.85);display:flex;align-items:center;justify-content:center;gap:1.5vw;padding:.8vh 2vw;z-index:100}#footer-text{font-family:Chillside,sans-serif;color:#ffffae;font-size:clamp(11px, 1.3vw, 22px);letter-spacing:.05em}#footer-tree{position:fixed;bottom:5.5vh;left:25vh;width:clamp(50px,7vw,120px);height:auto}#nav-menu{position:absolute;top:0;left:0;width:40%;z-index:15;overflow:hidden;pointer-events:none}.nav-item{height:0;overflow:hidden;display:flex;align-items:center;padding:0 1.5vw;font-family:Chillside,sans-serif;font-size:clamp(14px, 1.4vw, 24px);color:#834722;cursor:pointer;transition:height .18s ease,background-color .15s ease;white-space:nowrap}.nav-item:nth-child(odd){background-color:#ffbe7c}.nav-item:nth-child(2n){background-color:#ffcf8c}.nav-item:hover{background-color:#e8a55a}.nav-item.active-page{color:#2b714c}#nav-menu.open .nav-item{height:7vh;pointer-events:all}#nav-menu.open .nav-item:first-child{transition-delay:0s}#nav-menu.open .nav-item:nth-child(2){transition-delay:70ms}#nav-menu.open .nav-item:nth-child(3){transition-delay:0.14s}#nav-menu.open .nav-item:nth-child(4){transition-delay:0.21s}#nav-menu.open .nav-item:nth-child(5){transition-delay:0.28s}#nav-menu:not(.open) .nav-item:nth-child(5){transition-delay:0s}#nav-menu:not(.open) .nav-item:nth-child(4){transition-delay:70ms}#nav-menu:not(.open) .nav-item:nth-child(3){transition-delay:0.14s}#nav-menu:not(.open) .nav-item:nth-child(2){transition-delay:0.21s}#nav-menu:not(.open) .nav-item:first-child{transition-delay:0.28s}.content-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:.8vh 1vw;margin:1.5vh auto;max-width:80%;text-align:center}.grid3-cell{font-family:Chillside,sans-serif;font-size:clamp(12px, 1.1vw, 20px);color:#81442c}.content-button{display:inline-block;font-family:Chillside,sans-serif;font-size:clamp(14px, 1.8vw, 999px);color:#ffffae;text-shadow:2px 2px 4px #752943;text-decoration:none;cursor:pointer;background-image:url('../images/plaque-small.png');background-size:100% 100%;background-repeat:no-repeat;border:none;border-radius:0;padding:1.2vh 3vw;margin:1vh .5vw;transition:filter .15s ease}.content-button:hover{filter:brightness(1.1)}.content-button:active{filter:brightness(.85)}.button-row{display:block;text-align:center;margin:1vh 0}.content-grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:.8vh 1vw;margin:1.5vh auto;max-width:80%;text-align:center}.grid4-cell{display:flex;flex-direction:column;align-items:center;font-family:Chillside,sans-serif;font-size:clamp(12px, 1.1vw, 20px);color:#81442c;gap:.5vh;padding:1vh 0}#content-box hr{border:none;border-top:2px solid #81442c;opacity:.5;margin:2vh 0}.text-small{font-size:.8em}.text-smaller{font-size:.6em}.content-image{max-width:100%;height:auto}@media (max-width:768px){body{background-size:cover;background-position:center}#content-wrapper{width:95%;margin:4vh auto 10vh auto}#top-sign{width:80vw;margin:-2vh auto 1vh auto}#sign-text{font-size:6vw;top:50%}#logo{width:30vw;top:-3vh;left:-4vw}#character{position:fixed;bottom:-4vh;right:-14vw;width:auto;height:75vh;z-index:20}#content-bar{height:6vh}#menu-tab{font-size:6vw;padding:0 3vw}#bar-text{font-size:2.5vw;padding-right:2vw}#flag-text{font-size:3vw;padding-right:5vw}#nav-menu{width:70%}#nav-menu.open .nav-item{height:6vh;font-size:5vw}#content-box{width:100%;box-sizing:border-box;padding:2vh 4vw;font-size:4vw;min-height:40vh}.content-grid3,.content-grid4{grid-template-columns:1fr;max-width:100%}.content-button{font-size:5vw;padding:1.5vh 6vw;background-size:contain}#site-footer{font-size:3.5vw;padding:1.5vh 2vw}#footer-tree{position:fixed;top:2vh;left:83vw;width:clamp(50px,7vw,120px);height:auto}.content-grid3,.content-grid4{grid-template-columns:1fr;max-width:100%}.content-button{font-size:4vw;width:auto;min-width:40vw;padding:1.2vh 6vw;background-size:100% 100%}#character{display:none}#top-sign{width:40vw;margin:-1vh auto 1vh auto}#sign-text{font-size:3vw;top:50%}#footer-text{font-size:2.5vw;white-space:nowrap;position:relative;left:-3vw}#sign-wrapper{margin-left:auto;margin-right:20vw}}