@font-face{font-family:Handmade;src:url(../Handmade.otf) format("opentype")}html{scroll-behavior:smooth}body{background-image:url(../cardboard.png);background-color:#fff1e3;background-repeat:repeat;margin:0;font-family:Noto Sans JP,cursive;font-weight:300}h1,h2,h3,h4,h5,h6{font-family:Patrick Hand,sans-serif}section{display:flex;flex-direction:column;padding:47px 0 0;margin-bottom:3rem;box-sizing:border-box}section h1{padding:0 1rem;margin-bottom:25px}.section-body{position:relative;background-color:#f6f6f6;background-image:linear-gradient(to bottom,#f6f6f600,#fcfcfc),linear-gradient(to bottom,#f6f6f6 0,#f6f6f6 30px,#eaeaea 30px,#eaeaea 31px);background-size:100%,100% 31px;padding:2rem;box-shadow:0 4px 4px #0003}.section-body:before{content:"";height:20px;width:100%;position:absolute;top:-20px;left:0;background:url(../paper_1.png);box-shadow:0 10px 4px #0003;z-index:-1}.welcome{opacity:0;transition:opacity .8s ease}.welcome.section-visible{opacity:1}.page-section{max-width:100%;justify-content:center;margin-left:1rem;margin-right:1rem}@media (min-width: 800px){.page-section{max-width:750px;margin-left:auto;margin-right:auto}}.hero-image-section{max-width:100%;min-height:100vh;margin:0 1rem;margin-top:5vh;background:none}@media (min-width: 800px){.hero-image-section{max-width:750px;margin-left:auto;margin-right:auto}}.Frame{display:inline-block;padding:40px;border-width:20px;border-style:solid;border-color:#3D2F27 #5A4A3D #6B5A4A #5A4A3D;background:#d4c4b0;background-image:linear-gradient(#d4c4b0,#b5a089);box-shadow:inset 0 2px 5px #0009,0 5px 2px #0000001a,0 10px 20px #000c;position:relative;overflow:hidden}@media (max-width: 799px){.Frame{padding:20px;border-width:10px}}.Frame:before{content:"";position:absolute;top:-175px;right:-20%;width:400px;height:400px;transform:rotate(-40deg);background-image:linear-gradient(#fff6,#fff0)}.Frame img{max-width:100%;height:auto;display:block;border-width:2px;border-style:solid;border-color:#A89782 #BBA896 #D4C4B0 #BBA896;box-shadow:0 -1px 1px #0000001a,0 1px 1px 1px #ffffffb3}.address-card{margin-top:2rem;padding:1.5rem;background:#fff;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:row;align-items:center;justify-content:center;width:auto}.address-name{font-size:1.2rem;font-weight:700;margin-right:.5rem;margin-bottom:0}.address-street{margin-right:.5rem;margin-bottom:0}.address-city{font-weight:500}.question{margin-bottom:1.5rem}.question-text{margin-bottom:.5rem;font-weight:500}.response{padding:1rem;border-radius:8px;margin-left:1rem}.contact-container{display:flex;justify-content:center;align-items:center;gap:3rem;flex-wrap:wrap}.contact-info{flex:1;min-width:250px}.contact-email{font-size:1.1rem;font-weight:500;margin-bottom:1.5rem}.contact-phone{font-size:1rem;margin-bottom:.75rem}.contact-photo{flex:0 0 auto}.contact-photo img{width:200px;height:200px;border-radius:50%;object-fit:cover;box-shadow:0 4px 8px #0003}@media (max-width: 600px){.contact-container{flex-direction:column;text-align:center}.contact-photo img{width:150px;height:150px}}.scroll-down-arrow{position:absolute;bottom:20px;left:50%;transform:translate(-50%);animation:bounce 2s infinite;cursor:pointer;width:30px;height:30px}.scroll-down-arrow img{opacity:.7;filter:sepia(100%) hue-rotate(340deg) saturate(50%)}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%)}40%{transform:translate(-50%,-10px)}60%{transform:translate(-50%,-5px)}}
