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