#root,body,html{height:100%;margin:0;overflow-x:hidden;padding:0;width:100%}.App{background-color:#f7e0fc;height:100%;min-height:100vh}.App,.artworks-container{background-attachment:fixed;background-position:50%;background-size:cover;margin:0;padding:0;width:100%}.artworks-container{height:100vh;overflow:hidden;position:relative}.scroll-area{height:100%;overflow-y:auto;padding-bottom:100px;width:100%}.artworks-nav{padding:20px;text-align:center}.home-button{background-color:#fff;border-radius:30px;box-shadow:0 2px 5px #0003;color:#5d3f8a;display:inline-block;font-size:1.2rem;font-weight:700;padding:10px 20px;text-decoration:none;transition:transform .2s}.home-button:hover{transform:scale(1.05)}.artworks-grid{grid-gap:10px;box-sizing:border-box;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:800px;padding:20px}.artwork-card{align-items:center;aspect-ratio:1/1;background-color:#fffc;border:2px solid #fff;border-radius:15px;box-shadow:0 4px 10px #0000001a;cursor:pointer;display:flex;justify-content:center;position:relative;transition:all .3s ease;width:100%}.artwork-card:hover{background-color:#fffffff2;transform:translateY(-5px)}.artwork-number{color:#5d3f8a;font-size:2rem;font-weight:700}.modal-overlay{animation:fadeIn .3s;background-color:#000c;height:100%;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content,.modal-overlay{align-items:center;display:flex;justify-content:center}.modal-content{animation:zoomIn .3s;aspect-ratio:1/1;background-color:#fff;border-radius:20px;box-shadow:0 10px 25px #00000080;max-width:600px;position:relative;width:90%}.close-button{background:#0000;border:none;color:#fff;cursor:pointer;font-size:2rem;position:absolute;right:0;top:-40px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes zoomIn{0%{transform:scale(.8)}to{transform:scale(1)}}.post-it{word-wrap:break-word;box-shadow:5px 5px 15px #0003;box-sizing:border-box;color:#333;font-family:Courier New,Courier,monospace;font-size:1.1rem;height:200px;line-height:1.5;overflow:hidden;padding:20px;position:absolute;transition:transform .3s ease;width:200px}.post-it:hover{box-shadow:10px 10px 25px #0000004d;transform:scale(1.1)!important;z-index:100}.write-button{align-items:center;background-color:#5d3f8a;border:none;border-radius:50%;bottom:40px;box-shadow:0 4px 10px #0000004d;color:#fff;cursor:pointer;display:flex;font-size:2rem;height:60px;justify-content:center;position:fixed;right:40px;transition:transform .2s;width:60px;z-index:1000}.write-button:hover{background-color:#7e5bb8;transform:scale(1.1) rotate(90deg)}.guestbook-input{border:2px solid #ddd;border-radius:10px;font-size:1rem;height:150px;margin-bottom:20px;outline:none;padding:15px;resize:none;width:100%}
/*# sourceMappingURL=main.29491f58.css.map*/