body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background:url(/static/media/african-epicerie.51ee73799cfd6db39a1b.jpeg) no-repeat 50% fixed;background-size:cover;color:#333;display:flex;flex-direction:column;font-family:Montserrat,sans-serif;min-height:100vh;overflow:hidden}.App,.header{position:relative}.header{background-color:#a05f18e6;padding:1.5rem;text-align:center;z-index:1}.header-content{align-items:center;display:flex;flex-direction:column;gap:1rem}.header .logo{animation:bounceIn 1.5s ease-in-out;height:auto;max-width:280px}.header h1{animation:fadeIn 2s ease-in;color:#fff;font-size:2rem;font-weight:700;margin:0}main{flex-direction:row;flex-grow:1;gap:2rem;margin:0 auto;max-width:1200px;position:relative;z-index:1}.construction,.opening-hours,main{align-items:center;display:flex;justify-content:center;padding:2rem}.construction,.opening-hours{animation:slideUp 1s ease-in-out;background-color:#ffffffe6;border-radius:8px;box-shadow:0 2px 10px #0003;flex:1 1;flex-direction:column;height:300px;max-width:400px;min-width:300px;text-align:center}main h2{animation:fadeIn 2s ease-in;color:#ff891f;font-weight:700;margin:0 0 1rem}.construction p{animation:fadeIn 2.5s ease-in;font-weight:400;margin:0}.opening-hours h3{animation:fadeIn 2s ease-in;color:#a05f18;font-weight:700;margin:0 0 1rem}.opening-hours ul{list-style:none;margin:0;padding:0;width:100%}.opening-hours li{display:flex;justify-content:space-between;padding:.5rem 0}.opening-hours .day{color:#333;font-weight:700}.opening-hours .hours{animation:attentionGrabber 2s ease-in-out infinite;color:#619309}footer{background-color:#eeeeeee6;padding:1.5rem;position:relative;text-align:center;z-index:1}footer p{font-weight:400;margin:0 0 .5rem}.social-links{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.social-links a{border-radius:4px;color:#a05f18;font-weight:400;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease}.social-links a:hover{background-color:#ff891f;color:#fff;transform:scale(1.1)}@keyframes bounceIn{0%{opacity:0;transform:scale(.5)}60%{opacity:1;transform:scale(1.2)}to{transform:scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes attentionGrabber{0%{color:#333;transform:translateY(0)}50%{color:#619309;transform:translateY(-5px)}to{color:#333;transform:translateY(0)}}@media (max-width:768px){main{flex-direction:column;gap:1rem;padding:1rem}.construction,.opening-hours{height:auto;max-width:100%}.header .logo{max-width:120px}.header h1{font-size:1.5rem}}.special-messages-wrapper{align-items:center;display:flex;flex-direction:column;left:0;pointer-events:none;position:fixed;top:0;width:100vw;z-index:9999}.special-message{background-color:orange;border-bottom:1px solid #e59400;box-shadow:0 2px 5px #0003;color:#000;font-size:1.1rem;font-weight:600;padding:.8rem 1rem;pointer-events:auto;position:relative;text-align:center;-webkit-user-select:none;user-select:none;white-space:normal;width:100%}.close-btn{background:#0000;border:none;color:#000;cursor:pointer;font-size:1.3rem;font-weight:700;opacity:.7;position:absolute;right:1.5rem;top:50%;transform:translateY(-50%);transition:opacity .2s ease;z-index:1}.close-btn:hover{opacity:1}@keyframes slideDown{0%{opacity:0;transform:translate(-50%,-100%)}to{opacity:1;transform:translate(-50%)}}
/*# sourceMappingURL=main.1cbbf1f5.css.map*/