@import url("https://fonts.googleapis.com/css2?family=Arima+Madurai&family=Lobster&family=Lobster+Two&family=Oleo+Script&family=Oswald&family=Unica+One&display=swap");*{scroll-behavior:smooth}body{margin:0;font-family:"Arima Madurai","Roboto",sans-serif;background:#f5f5f5}header{background:#E9A620;padding:48px}section{padding-bottom:64px}nav{background-color:rgba(0,0,0,0);box-shadow:0 0 0 0;display:flex;width:95%;margin:auto;align-items:center;justify-content:space-between;top:20px;left:0;right:0}nav a,nav ul a{animation:MoveLeft 1s ease-in;display:inline-flex}nav ul a:hover{background:none;color:#e92030}a{color:#181818;transition:color 0.2s ease-in}ul li a{color:#181818;transition:color 0.2s ease-in}ul li a:hover{background:none;color:#e92030}.container{width:95%;max-width:1200px;margin-left:auto;margin-right:auto}.logo{color:#e92030;display:inline-flex;align-items:baseline;gap:10px;font-weight:bolder;font-size:30px;text-transform:uppercase;font-family:"Unica One",cursive;height:100%}.active{color:#e92030}.hero__grid{display:grid;grid-template-columns:repeat(2, minmax(400px, 570px));align-items:center;justify-content:center;gap:20px}.hero__grid img{animation:MoveUp 1s ease-in}.hero__item{animation:MoveLeft 1.2s ease-out}.text__subtitle{font-size:2rem;animation-fill-mode:both}.text__subtitle-hero{font-family:"Oleo Script",cursive}.text__title{font-size:4rem;font-family:"Lobster Two","Roboto",sans-serif}.text__card{font-size:1.65rem;font-weight:900}.text__red{background:#e92120;background:-moz-linear-gradient(90deg, #e92120 0%, #e94220 100%);background:-webkit-linear-gradient(90deg, #e92120 0%, #e94220 100%);background:linear-gradient(90deg, #e92120 0%, #e94220 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=  "#e92120",endColorstr="#e94220",GradientType=1);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.text__price{font-size:1.5rem;font-weight:bold}.text__price-original{font-size:14px;font-style:italic;opacity:0.5;text-decoration:line-through}.button{border-radius:8px;height:55px;font-family:"Arima Madurai","Roboto",sans-serif;text-transform:none;font-size:1.5rem;padding:16px 32px}.button__primary,.button__primary:focus{background:#e92030;font-size:22px;font-weight:500;box-shadow:0 30px 60px 0 rgba(90,116,148,0.2);color:#f5f5f5;transition:all 0.3s}.button__primary:hover,.button__primary:focus:hover{box-shadow:0 7px 30px rgba(223,45,70,0.75);transform:translateY(-5px)}.button__primary:active,.button__primary:focus:active{transform:scale(0.9);box-shadow:0 2px 25px rgba(255,0,130,0.2)}.button-card{width:100%}.button__secondary,.button__secondary:focus{color:#181818;box-shadow:0 30px 60px 0 rgba(90,116,148,0.2);border:1px solid #e92030}.button__secondary:hover,.button__secondary:focus:hover{background:#e92030;color:#f5f5f5}.wave{height:100px;background:#E9A620}.wave__reverse{background:#f5f5f5}.menu{display:grid;grid-template-columns:repeat(3, minmax(300px, 570px));place-items:center;gap:32px}.menu__card{box-shadow:0 30px 60px 0 rgba(90,116,148,0.2);border-radius:16px;padding:32px;margin-top:100px}.menu__card-item{max-width:95%;height:200px;position:relative;margin-left:auto;margin-right:auto;width:80%;transform:translateY(-100px)}.menu__card-item:after{content:"";position:absolute;left:0;top:0;bottom:0;right:0;background:rgba(6,2,29,0.15);border-radius:16px}.menu__card-img{border-radius:16px;object-fit:cover;height:100%;width:100%}.menu__card-inner{margin-top:-100px}.rating{color:#E9A620}.delivery{background:#E9A620}.contact__grid{display:grid;grid-template-columns:repeat(2, minmax(300px, 570px));place-items:center}.contact__button{max-width:60%;margin-left:auto;margin-right:auto}.menu__card-services{position:relative}.overlay{position:absolute;display:grid;border-radius:16px;overflow:hidden;place-items:center;bottom:0;top:0;right:0;left:0;background:rgba(6,2,29,0.25);z-index:2;color:#f5f5f5;text-align:center}.overlay p{transform:translateY(400%)}.overlay:hover p{animation:welcometext 0.3s ease-in-out;animation-fill-mode:both}label{color:#181818 !important;font-size:14px}input:not([type]),input[type=email]:not(.browser-default),input[type=text]:not(.browser-default),textarea{border:1px solid rgba(24,24,24,0.15);border-bottom:1px solid rgba(24,24,24,0.15);border-radius:4px;padding:0 8px;margin:8px 0 16px;transition:border-color 0.5s ease-in-out}input:not([type]):focus:not([readonly]),input[type=email]:not(.browser-default):focus:not([readonly]),input[type=text]:not(.browser-default):focus:not([readonly]),textarea:focus:not([readonly]){border:1px solid #181818;border-bottom:1px solid #181818}textarea{width:103%;resize:none;min-height:150px;padding-top:8px}.footer__container{max-width:80%;margin:32px auto 0}.footer__grid{display:grid;grid-template-columns:4fr 1fr}.footer__grid h6{text-transform:uppercase;color:#f5f5f5}.footer-links li a{display:flex;gap:8px}.about{width:40%}.social-icons{width:100%;display:flex;justify-content:space-around;flex-grap:grap;gap:8px}.social__item{display:inline-flex;width:45px;background:#181818;height:45px;border-radius:50%;align-items:center;justify-content:center;color:#f5f5f5;padding:5%;font-size:20px;transition:all 0.3s}.social__item:hover{transform:scale(1.2)}.social__item-linkedin{background:linear-gradient(45deg, #3b5998, #0078d7)}.social__item-github{background:linear-gradient(45deg, #333, #626b73)}.social__item-behance{background:#405de6}.social__item-twitter{background:linear-gradient(45deg, #1da1f2, #0e71c8)}@keyframes MoveLeft{0%{opacity:0;transform:translateX(-100px)}100%{opacity:1;transform:translate(0)}}@keyframes MoveRight{0%{opacity:0;transform:translateX(400px)}100%{opacity:1;transform:translate(0)}}@keyframes MoveUp{0%{opacity:0;transform:translateY(100px)}100%{opacity:1;transform:translate(0)}}@keyframes button{0%{opacity:1;background:#E9A620;color:#181818}100%{opacity:1;color:#f5f5f5;background:#e92030}}@keyframes shadow{0%{box-shadow:0 0 0 0}100%{box-shadow:0 30px 60px 0 rgba(90,116,148,0.2)}}@keyframes welcometext{0%{transform:translateY(400%)}100%{transform:translateY(0)}}
