@font-face{font-family:mainfont;font-weight:700;src:url(/static/media/fontsBold.a0e0347a70bf83cc408e.otf)}@font-face{font-family:mainfont;font-weight:400;src:url(/static/media/fontsRegular.6791779324859a7b58ef.otf)}body{font-family:mainfont,sans-serif;margin:0}html{scroll-behavior:smooth}.App{height:100vh;overflow-x:hidden;overflow-y:scroll;overscroll-behavior:none;position:relative;scrollbar-width:none;touch-action:none;transition:filter 2s}.App::-webkit-scrollbar{display:none}.screen{background-position:50%;background-repeat:no-repeat;background-size:cover;height:100vh;justify-content:center;position:relative;width:100%}.content,.screen{align-items:center;display:flex}.content{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#00000040;border-radius:20px;color:#fff;flex-direction:column;font-family:mainfont,sans-serif;font-size:calc(10px + 2vmin);padding:50px 60px}.depth100{background-image:url(/static/media/depth100.541a3f5bd5034d343fd0.png)}.depth500{background-image:url(/static/media/depth500.88b06bf9fa06631c2e61.png)}.depth1000{background-image:url(/static/media/depth1000.9e4e1d918b386a26876b.png)}.depth5000{background-image:url(/static/media/depth5000.1add330924d1fdc77731.png)}.depth-bottom{background-image:url(/static/media/seabed.2db17a1b5705a0b15ab9.png)}.App-link{color:#fa0000;margin-top:20px}.App-link,.up-button{background:none;border:none;cursor:pointer;font-family:mainfont,sans-serif;font-size:1.3rem;-webkit-text-decoration:underline 1px;text-decoration:underline 1px;text-underline-offset:5px}.up-button{color:#fff}.guest-book-button{font-family:mainfont,sans-serif;font-size:1.1rem;padding:10px 20px;right:20px;z-index:10}.bgm-button,.guest-book-button{background:#0000;border:1px solid #fff;color:#fff;cursor:pointer;position:fixed;top:20px}.bgm-button{font-size:1.4rem;height:47px;right:130px;width:50px;z-index:999}.fade-overlay{background:#000;inset:0;opacity:0;pointer-events:none;position:fixed;transition:opacity .8s ease;z-index:9999}.fade-overlay.active{opacity:1}@media(max-width:768px){.depth100{background-image:url(/static/media/depth100mobile.8e8db6e356abcc658086.png)}.depth500{background-image:url(/static/media/depth500mobile.51d3c4f83de34359b214.png)}.depth1000{background-image:url(/static/media/depth1000mobile.f9525c66571370cc422d.png)}.depth5000{background-image:url(/static/media/depth5000mobile.ae2742d7e8f687a547f1.png)}.depth-bottom{background-image:url(/static/media/seabedmobile.1f79f48d70797616609e.png)}.bgm-button{font-size:1rem;height:40px;right:100px;top:15px;width:40px}.guest-book-button{height:40px;right:15px;top:15px;width:75px}}.guestbook-page{background:#111;color:#fff;min-height:100vh;padding:20px}.guestbook-title{font-size:2.2rem;margin-top:50px;text-align:center}.guestbook-form{display:flex;flex-direction:column;gap:20px;margin:50px auto;max-width:600px;width:90%}.guestbook-form input,.guestbook-form textarea{border:none;border-radius:10px;font-size:1rem;padding:15px}.submit-button{background-color:#54a9ffd0;font-size:18px;padding:15px}.back-button,.submit-button{cursor:pointer;font-family:mainfont,sans-serif}.back-button{background:#0000;border:1px solid #fff;color:#fff;font-size:1.1rem;padding:10px 20px;position:absolute;right:20px;top:20px}.guestbook-item{border:2px solid #fff;margin:15px auto;max-width:580px;padding-left:15px;width:86%}.guestbook-item h3{font-weight:700}.guestbook-item p{font-weight:200}@media (max-width:768px){.guestbook-title{font-size:2rem}.guestbook-form,.guestbook-item{width:90%}.back-button,.guest-book-button{font-size:.9rem;padding:8px 14px;right:15px;top:15px}}
/*# sourceMappingURL=main.72d3d7c7.css.map*/