@import"https://fonts.googleapis.com/css2?family=Roboto:wght@300;500&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;500;600&display=swap";.App{width:100vw;height:100vh}.hamburger-menu{display:none;cursor:pointer;padding:10px}.material-symbols-outlined{font-size:2.2rem}.navbar-container{background-color:var(--color-black);color:var(--color-white);display:flex;justify-content:space-between;align-items:center;padding:20px 60px}.navbar-items{list-style:none;padding:0;display:flex;align-items:center}.navbar-items li a{color:var(--color-white);font-size:1rem;font-weight:350;font-family:var(--font-family-2);letter-spacing:.8px;cursor:pointer;margin:0 20px;position:relative;transition:color .4s ease}.navbar-items li:not(:last-child) a:hover{color:var(--color-green);border-bottom:2px solid var(--color-green)}.navbar-button{color:var(--color-green)!important;font-size:1rem;font-weight:350;font-family:var(--font-family-2);background-color:#141414;border:2px solid var(--color-green);padding:8px 15px;border-radius:5px;transition:color .4s ease}.navbar-button:hover{color:var(--color-white)!important;background-color:var(--color-green);animation:slide-from-left .5 ease-out}.navbar-items li a.active{color:var(--color-green);border-bottom:2px solid var(--color-green)}@media screen and (max-width: 768px){.hamburger-menu{display:block}.navbar-items{display:none;flex-direction:column;align-items:center;text-align:center;width:100%;background-color:var(--color-black);position:absolute;top:120px;left:0;z-index:1}.navbar-items.show{display:flex;padding-bottom:20px}.navbar-container.menu-open{z-index:1}.navbar-items li{margin:10px 0}}.footer-container{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;background-color:var(--color-black);color:var(--color-white);font-family:var(--font-family-1);font-size:.8rem;padding:50px 60px}.column{display:flex;flex-direction:column;align-items:flex-start;letter-spacing:2px}.contact-info li{padding-top:20px;text-align:start;letter-spacing:1px;color:var(--color-gray)}.social-icons{display:flex;align-items:flex-start}.social-icons img{margin-right:20px;margin-top:20px;width:40px}.social-icons img:hover{filter:invert(45%) sepia(49%) saturate(4938%) hue-rotate(124deg) brightness(102%) contrast(102%)}.footer-paragraph{font-family:var(--font-family-1);background-color:var(--color-black);font-size:.8rem;color:var(--color-gray);letter-spacing:1px;text-align:center;padding:50px 0 30px}.footer-paragraph a{color:var(--color-purple-light)}.footer-paragraph a:hover{color:var(--color-green)}@media screen and (max-width: 768px){.footer-container{font-size:.5rem;padding:30px 20px;flex-wrap:nowrap;gap:20px}.column img{width:70px}.contact-info li:first-child{padding-top:15px}.contact-info li:not(:first-child){padding-top:6px}.social-icons img{width:25px}.footer-paragraph{padding:20px;font-size:.6rem}}.section-1{position:relative;width:100%;height:600px;overflow:hidden}.bg-image{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0}.text-overlay{position:absolute;top:70%;left:60px;transform:translateY(-50%);color:var(--color-white);z-index:1}.text-overlay h2{font-family:var(--font-family-1);font-size:1.75rem;text-transform:uppercase;line-height:1}.text-overlay h1{font-family:var(--font-family-2);font-size:4.5rem;text-transform:lowercase;line-height:1;margin-bottom:40px}.button-container{position:absolute;top:80%;left:60px;display:flex;gap:20px;font-family:var(--font-family-2);font-size:1rem;text-transform:uppercase}.menu-button{font-family:var(--font-family-2);text-transform:uppercase;padding:15px 25px;background-color:var(--color-purple-light);color:var(--color-purple-dark);text-decoration:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.order-button{padding:15px 25px;background-color:var(--color-white);color:var(--color-purple-darke);text-decoration:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.menu-button:hover{background-color:var(--color-purple-dark);color:var(--color-white)}.order-button:hover{background-color:var(--color-green);color:var(--color-white)}.section-2{width:100%;padding:40px 0;background-color:var(--color-white);text-align:center}.section-2 h1{font-family:var(--font-family-2);font-size:3rem;text-transform:lowercase;text-align:center;line-height:1;margin-bottom:40px}.img-container{display:flex;align-items:center;justify-content:center;gap:50px;flex-wrap:wrap}.img-container img{width:300px;height:300px;border-radius:5px;cursor:pointer;object-fit:cover}.img-container p{padding-top:10px;padding-bottom:5px;font-size:.8rem;font-family:var(--font-family-1);text-transform:uppercase;letter-spacing:.15rem;color:var(--color-green);position:relative;display:inline-block}.img-container img:hover+p:after{content:"";display:block;width:100%;height:2px;background-color:var(--color-green);position:absolute;bottom:0;left:0;transition:width .3s ease;animation:slide-from-left .8s}.img-container-all{text-align:left}.section-3{height:auto;display:flex;gap:80px;align-items:center;padding:70px;width:100%;background-color:var(--color-gray-bg);margin-top:20px}.section-3-content div:not(:last-child){margin-bottom:30px}.section-img img{object-fit:cover;border-radius:5px;width:100%;max-width:500px;height:380px}.content-1 h2,.content-3 h2{font-family:var(--font-family-1);font-size:1.5rem;text-transform:uppercase}.content-1 h1{font-family:var(--font-family-2);font-size:4.5rem;text-transform:lowercase;line-height:1}.content-2{display:flex;gap:10px}.content-2 img:hover{animation:pulse .8s ease-out}.content-social{display:flex;gap:30px;padding:20px 0 0}@media screen and (max-width: 768px){.body{overflow:visible}.section-1{height:500px}.text-overlay{padding-top:40px;top:65%}.text-overlay h1{font-size:3.5rem;margin-bottom:0}.text-overlay h2{font-size:1rem}.button-container{top:85%}.menu-button,.order-button{padding:10px 15px;height:100%;font-size:.8rem}.section-2{padding:20px 0}.section-2 h1{font-size:2rem;margin-bottom:20px}.img-container{flex-direction:column;gap:15px}.img-container img{width:200px;height:200px}.section-3{flex-direction:column;gap:10px;margin-top:0}.section-3-content div:not(:last-child){margin-bottom:15px}.content-1 h1{font-size:2.8rem;margin-bottom:10px}.content-1 h2,.content-3 h2{font-size:1rem}.content-2 h1{font-size:2.5rem}.content-social{gap:10px}.content-social img{width:40px}}.our-burger-img{animation:appear .7s ease-out}.our-burgers{animation:slide-from-top 1s ease-out}.menu-button,.order-button{animation:slide-from-bottom 1s ease-out}@keyframes slide-from-top{0%{transform:translateY(-100px)}to{transform:translateY(-70px)}}@keyframes appear{0%{opacity:0}to{opacity:1}}@keyframes slide-from-bottom{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-from-left{0%{transform:translate(5%)}to{transform:translate(0)}}@keyframes pulse{0%{transform:scaleX(1)}50%{transform:scale3d(1.05,1.05,1.05)}to{transform:scaleX(1)}}.menu-category{display:flex;flex-direction:column;width:100%;border-bottom:2px solid #d9d9d9;padding:30px;cursor:pointer}.menu-category:hover{background-color:#f5f5f5;box-shadow:0 4px 8px #0000001a}.menu-category h3{font-size:36px;font-family:var(--font-family-1)}.category-title{display:flex;justify-content:space-between;align-items:center}.category-title img{transition:transform .5s ease}@media screen and (max-width: 768px){.menu-category h3{font-size:30px}.category-title img{width:20px}}.menu-item-container{display:flex;flex-wrap:wrap;gap:25px;transition:max-height,margin-top .3s;max-height:0;overflow:hidden}.menu-item-container.open{max-height:2800px;margin-top:30px;transition:max-height 1s}.menu-item-card{display:flex;flex-direction:column;justify-content:space-between;border:1px solid var(--color-gray);border-radius:5px;padding:25px;width:360px;height:280px}.menu-item-info{display:flex;justify-content:space-between}.menu-item-info img{width:160px;height:140px;border-radius:5px;object-fit:cover}.menu-item-info-2{text-align:right}.menu-item-info-2 h3{font-size:16px;font-family:var(--font-family-2);text-transform:uppercase;letter-spacing:.2px}.menu-item-info-2 p{font-size:20px;font-family:var(--font-family-2);text-transform:uppercase;letter-spacing:.5px;color:var(--color-purple-light);font-weight:700}.menu-item-description{font-size:12px;font-weight:300;font-family:var(--font-family-1);color:var(--color-gray);letter-spacing:.5px;line-height:20px}@media screen and (max-width: 768px){.menu-item-container.open{max-height:100%}.menu-item-card{padding:15px;height:auto}.menu-item-info{flex-direction:column;align-items:flex-start;gap:10px}.menu-item-info-2{text-align:left}.menu-item-info-2 h3{font-size:14px}.menu-item-info-2 p{font-size:16px}}.menu-container{background-color:var(--color-white);margin:60px 60px 80px}.title-menu{animation:slide-in .5s ease-out;animation-fill-mode:backwards}.menu-container h1{font-family:var(--font-family-2);font-size:3rem;margin-bottom:20px;line-height:1}.menu-container h2{font-family:var(--font-family-1);font-size:1.5rem;text-transform:uppercase;line-height:1}.menu-all-list{padding-top:60px}.menu-btn{margin-top:80px;text-align:center}.menu-btn a:hover{background-color:var(--color-green)}.contact-container{background-color:var(--color-white);margin:60px}.title-contact{animation:slide-in .5s ease-out;animation-fill-mode:backwards}.contact-container h1{font-family:var(--font-family-2);font-size:3rem;margin-bottom:20px;line-height:1}.contact-container h2{font-family:var(--font-family-1);font-size:1.5rem;text-transform:uppercase;line-height:1}.contact-wrapper{display:flex;justify-content:space-between;align-items:center;background-color:var(--color-black);color:var(--color-white);border-radius:5px;margin-top:60px}.contact-wrapper-info{padding-left:60px;margin-right:30px}.contact-infos{display:flex;align-items:flex-start;font-family:var(--font-family-2)}.contact-infos:nth-child(odd){margin-top:30px;margin-bottom:30px}.contact-infos-icon span{font-size:1.3rem;color:var(--color-purple-light)}.contact-infos-icon{margin-right:15px;margin-top:5px}.contact-infos-text h3{font-size:1rem;margin-bottom:10px}.contact-infos-text p{font-family:var(--font-family-1);font-weight:200}.contact-wrapper-img img{width:100%;height:auto}@media screen and (max-width: 768px){.contact-container{margin:0}.contact-container h1{margin:60px 60px 20px}.contact-container h2{margin-left:60px}.contact-wrapper{flex-direction:column;border-radius:0}.contact-wrapper-info{padding-left:0}.contact-wrapper-img{width:100%}}@keyframes slide-in{0%{transform:translate(-100%);opacity:.25}to{transform:translate(0);opacity:1}}*{margin:0;padding:0;box-sizing:border-box}h1,h2,h3{margin:0;padding:0}img{display:block;max-width:100%}ul,li,a{list-style:none;text-decoration:none}button{border:none;text-decoration:none;cursor:pointer;background-color:#fff}.dot{color:var(--color-green)}:root{--color-black: #000;--color-white: #fff;--color-gray: #595959;--color-gray-bg: #f0f0f0;--color-purple-light: #d2afff;--color-purple-dark: #28166c;--color-green: #00b64d;--font-family-1: "Roboto", sans-serif;--font-family-2: "Poppins", sans-serif}