@import"https://fonts.googleapis.com/css2?family=Architects+Daughter&family=Exo+2:ital,wght@0,100..900;1,100..900&family=Gloria+Hallelujah&family=Itim&family=Patrick+Hand&family=Satisfy&display=swap";*{margin:0;box-sizing:border-box;padding:0}.App{height:100%;width:100%}.logopizza{position:absolute;top:2px;width:75px}.logopizza:hover{transform:scale(1.05)}nav{display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;padding:20px;background-color:#004aad}nav .title{font-weight:700;margin:1rem;text-decoration:none;color:#fff;font-size:1.5rem}nav ul{display:flex}nav ul li{list-style:none}nav ul li a{font-family:Itim,cursive;font-weight:400;border-radius:.5rem;margin:0 1rem;text-decoration:none;display:block;color:#fff;font-style:normal;padding:.5rem;font-size:3vh}nav ul li a:hover{transform:translateY(-5px);color:#000;transition:.4s}nav .menu{right:1.3rem;display:none;justify-content:space-between;position:absolute;top:1.4rem;height:1.8rem;width:2.25rem;flex-direction:column}nav .menu span{border-radius:.1rem;height:.3rem;background-color:#fff;width:100%}nav ul.open{display:flex}@media (max-width:1360px){.logopizza{position:absolute;top:8px;width:58px}nav .menu{display:flex}nav{align-items:start}nav,nav ul{flex-direction:column}nav ul{margin:25px 25px .25rem;display:none;padding:1px;width:90%}nav ul li{text-align:center;width:100%}nav ul li a{margin:.2rem .5rem}.animated-text span{position:absolute;padding-left:60px}}.navbar-animated{display:flex;align-items:center;position:relative;gap:10px;animation:fadeInOut 6s infinite}.animated-logo{height:50px;width:50px}.animated-text{font-family:Itim,cursive;font-weight:700;color:#fff;font-size:24px;animation:typingEffect 6s steps(20) infinite}@keyframes fadeInOut{0%,20%{opacity:1}50%,70%{opacity:0}to{opacity:1}}@keyframes typingEffect{0%,50%{opacity:0;width:0}to{opacity:1;width:100%}}@keyframes textTyping{0%{width:0}to{width:100%}}@keyframes textDeleting{0%{width:100%}to{width:0}}.text-anim{display:inline-block;overflow:hidden;white-space:nowrap;border-right:2px solid #fff;animation:textTyping 2s steps(10),textDeleting 2s steps(10) 2s;width:0}body{font-family:Arial,sans-serif;background-color:#f8f8f8}.home{text-align:center}h1{color:#000;padding:15px;font-size:2.5rem}.cards-container{display:grid;gap:20px;padding:10px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.card{border-radius:8px;box-shadow:0 2px 4px #0000001a}.card-image{height:180px}.card-title{margin:15px 0;color:#000}.card-title:hover{transform:translateY(-5px);color:#000;transition:.4s}@media (max-width:768px){h1{font-size:2rem}.card-title{font-size:1rem}}.footer-bar{box-shadow:0 -4px 6px #0003;text-align:center;color:#fff;z-index:1;position:fixed;padding:15px 0;bottom:0;transition:transform .3s ease-in-out;background-color:#004aad;width:100%}.footer-text{font-weight:500;margin:0;font-size:16px}.footer-text a{text-decoration:none;color:gold;transition:color .3s ease-in-out}.footer-text a:hover{text-decoration:underline;color:gold}@media (max-width:720px){.footer-text{font-size:13px}}body{margin:0;box-sizing:border-box;padding-bottom:50px}.pizza-about-section{font-family:Itim,cursive;font-weight:400;text-align:center;color:#333;font-style:normal;padding:50px 20px;background:#fff8e1}.pizza-about-header h2{margin-bottom:10px;color:#d32f2f;font-size:32px}.pizza-about-header p{margin-bottom:30px;font-size:18px}.pizza-about-content{display:flex;justify-content:center;flex-wrap:wrap;align-items:flex-start;gap:20px}.pizza-about-left{flex:1;text-align:left;max-width:500px}.pizza-about-left h3{margin-bottom:10px;color:#d32f2f;font-size:24px}.pizza-about-left p{margin-bottom:15px;line-height:1.6}.pizza-about-left ul{list-style:none;padding:0}.pizza-about-left li{margin:5px 0;font-size:16px}.pizza-about-right{flex:1;max-width:400px}.pizza-about-right img{border-radius:10px;box-shadow:0 4px 8px #0000001a;width:100%}@media (max-width:768px){.pizza-about-content{text-align:center;flex-direction:column}.pizza-about-left,.pizza-about-right{max-width:100%}}.opening-hours-section{text-align:center;color:#333;padding:40px 20px;background:#fff8e1}.opening-hours-section h2{margin-bottom:20px;color:#d32f2f;font-size:32px}.opening-hours-table{margin-top:20px;border-radius:8px;overflow:hidden;border-collapse:collapse;width:100%}.opening-hours-table td,.opening-hours-table th{border:1px solid #ddd;padding:15px;font-size:18px}.opening-hours-table th{font-weight:700;color:#fff;background-color:#d32f2f}.opening-hours-table tr:nth-child(2n){background-color:#f9f9f9}.opening-hours-table tr:hover{background-color:#ffe0e0}@media (max-width:768px){.opening-hours-section{padding:20px}.opening-hours-table td,.opening-hours-table th{padding:12px;font-size:16px}}.contact-section{display:flex;justify-content:space-between;flex-wrap:wrap;gap:40px;padding:40px}body{font-family:Itim,cursive;font-weight:400;font-style:normal}.contact-details,.contact-form{width:45%}.form-group{margin-bottom:20px}input,textarea{margin-top:5px;border-radius:8px;border:1px solid #ddd;padding:15px;font-size:1rem;background-color:#f9f9f9;width:100%}textarea{resize:vertical}button.submit-btn{border-radius:8px;border:none;color:#fff;cursor:pointer;padding:15px 25px;font-size:1rem;transition:background-color .3s ease;background-color:#f8b400}button.submit-btn:hover{background-color:#f8a400}.error-msg,.success-msg{font-weight:700;margin-top:20px;font-size:1rem}.success-msg{color:green}.error-msg{color:red}.details p{margin:15px 0;display:flex;align-items:center;font-size:1rem}.details a{color:#000}.details p svg{color:#f8b400;font-size:1.5rem;margin-right:10px}.social-icons{margin-top:20px}.social-icons a{color:#333;font-size:24px;transition:color .3s ease;margin-right:15px}.social-icons a:hover{color:#f8b400}.map iframe{border-radius:8px;box-shadow:0 4px 6px #0000001a;border:none;height:300px;width:100%}@media (max-width:768px){.contact-section{align-items:center;flex-direction:column}.contact-details,.contact-form{margin-bottom:30px;width:100%}.social-icons a{font-size:20px;margin-right:10px}.map iframe{height:250px}}@media (max-width:480px){button.submit-btn{width:100%}.details p{font-size:.9rem}}.cheff{font-family:Itim,cursive;text-align:center}.cards-container{margin-top:10px;display:flex;justify-content:center;flex-wrap:wrap;gap:50px}.card{border-radius:10px;box-shadow:0 4px 6px #0000001a;border:1px solid #ddd;text-align:center;overflow:hidden;cursor:pointer;height:250px;transition:transform .3s ease,box-shadow .3s ease;background-color:#fff;width:240px}.card-image{object-fit:cover;height:200px;width:100%}.card-title{margin-top:10px;color:#333;font-size:1.2rem}.card-details{left:0;display:flex;justify-content:center;z-index:10;align-items:center;position:fixed;top:0;height:100%;background:#0009;width:100%}.details-content{border-radius:10px;text-align:center;padding:20px;max-width:500px;background-color:#fff}.details-image{object-fit:cover;border-radius:5px;height:250px;width:100%}button{margin-top:15px;border-radius:5px;border:none;color:#fff;cursor:pointer;padding:10px 20px;font-size:1rem;background-color:#ff6b6b}button:hover{background-color:#ff4747}.pizza-container{font-family:Roboto,sans-serif;border-radius:10px;margin:40px auto;box-shadow:0 10px 20px #0000004d;color:#fff;padding:20px;max-width:900px;background:#1a1a1a;width:100%}.titlee{margin-bottom:20px;letter-spacing:1px;text-align:center;font-size:2.5rem}.section-title,.titlee{font-weight:700;color:#ff5733}.section-title{margin-bottom:15px;display:inline-block;border-bottom:2px solid #ff5733;padding-bottom:5px;font-size:1.8rem}.item{border-radius:8px;margin:10px 0;box-shadow:0 2px 5px #0000001a;display:flex;justify-content:space-between;align-items:center;padding:12px;transition:transform .3s ease,background-color .3s ease;background-color:#333}.item:hover{transform:translateY(-5px);background-color:#444}.item label{display:flex;color:#fff;align-items:center;font-size:1.1rem;width:100%}.item input{accent-color:#ff5733;height:20px;margin-right:15px;width:20px}.price{font-size:1.2rem}.price,.total{font-weight:700;color:#ff5733}.total{margin-top:20px;border-top:2px solid #ff5733;padding-top:15px;font-size:1.5rem}.total,footer{text-align:center}footer{margin-top:30px;color:#bbb;font-size:.9rem}footer a{text-decoration:none;color:#ff5733}footer a:hover{text-decoration:underline}@media (max-width:768px){.pizza-container{padding:15px}.titlee{font-size:2rem}.section-title{font-size:1.5rem}.item{text-align:left;padding:10px;flex-direction:column}.item label{margin-bottom:5px}.item label,.price{font-size:1rem}.total{font-size:1.2rem}}