:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{margin:0;padding:0;box-sizing:border-box}.container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%}.logo{margin:20px auto}.banner-section,.main-section,.bottom-section,.info-section,.food-section,.footer-section{height:auto;width:100%;margin:0 auto}body{margin:0;align-items:center;background-color:#faf7f2;flex-direction:column;display:block}html,body{height:100%;margin:0;padding:0}.header{width:100%;height:60px;background-color:#ce2829;position:fixed;top:0;left:0;z-index:1000}.banner-section{display:flex;max-width:100%;margin:60px auto 0;flex-direction:column;align-items:center;justify-content:center;position:relative;box-sizing:border-box;background-image:url(src/img/iteration-1/images/home-banner.png);background-size:cover;background-position:center;z-index:0;height:100vh}.basliklar{width:1920px;height:1080px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;text-align:center;margin-top:20px}.banner-section h2{display:flex;justify-content:center;align-items:center;font-family:Satisfy;font-size:32px;line-height:44.27px;width:324px;height:46px;letter-spacing:0;text-align:center;vertical-align:middle;color:#fdc913;z-index:1}.banner-section p{display:flex;justify-content:center;align-items:center;height:100vh;font-family:Roboto Condensed;font-size:86px;font-weight:300;line-height:92px;letter-spacing:1.5px;text-align:center;vertical-align:middle;width:767.6384887695312px;height:195px;color:#fff;text-transform:uppercase;z-index:1}.btn-hungry{width:193.265625px;height:56px;border-radius:50px;background-color:#fdc913;color:#000;font-family:Barlow;font-size:18px;border:none;margin-bottom:30px}.basliklar p span{display:flex;display:inline;flex-wrap:wrap}.bottom-section{display:flex;background-color:#fff;max-width:100%;margin:0 20px 70px;height:94px;padding:26px 426px;gap:10px;align-items:center;flex-wrap:wrap}.bottom-section nav{display:flex;align-items:center;justify-content:space-between;width:1068px;height:42px;justify-content:center}.bottom-section a{display:flex;align-items:center;text-decoration:none;color:#000;font-family:Barlow;font-size:18px;line-height:32.4px;font-weight:500;letter-spacing:0;vertical-align:middle;overflow:hidden;white-space:nowrap}.bottom-section img{width:146.7156219482422px;height:66px;border-radius:50px}.info-section{margin:0 auto 50px;display:flex;width:1072px;height:449px;gap:11px;justify-content:center;align-items:flex-start}.info-right{display:flex;flex-direction:column;gap:11px;border-radius:12px;width:1060px}.info-1{background-image:url(src/components/img2/iteration-2/cta/kart-1.png);background-size:cover;background-position:center;background-repeat:no-repeat;width:100%;height:440px;border-radius:12px;max-width:500px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:15px;overflow:hidden}.info-1 h1{font-family:Quattrocento;font-size:68px;line-height:72px;font-weight:700;letter-spacing:0;vertical-align:middle;color:#fff;width:288.18438720703125px;height:148px}.info-1 h2{font-family:Barlow;font-size:20px;line-height:26.76px;font-weight:600;letter-spacing:0;vertical-align:middle;color:#fff;width:275px;height:27px}.info-2{background-image:url(src/components/img2/iteration-2/cta/kart-2.png);background-size:cover;background-position:center;background-repeat:no-repeat;width:530px;height:220px;border-radius:12px;display:flex;flex-direction:column;justify-content:center;padding:15px;overflow:hidden}.info-2 h1{font-family:Barlow;font-size:32px;line-height:44.27px;font-weight:600;letter-spacing:0;vertical-align:middle;color:#fff;width:182.3450927734375px;height:86px}.info-3{background-image:url(src/components/img2/iteration-2/cta/kart-3.png);background-size:cover;background-position:center;background-repeat:no-repeat;width:530px;height:220px;border-radius:12px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:15px;overflow:hidden}.info-3 h1{text-align:center;font-family:Barlow;font-size:32px;line-height:44.27px;font-weight:600;letter-spacing:0;vertical-align:middle;color:#000;width:182.3450927734375px;height:86px}.info-2,.info-3{width:100%;max-width:530px}.color-change{color:#ce2829}.btn-order{width:138px;height:48px;border-radius:50px;font-family:Barlow;font-size:14px;line-height:48px;font-weight:600;letter-spacing:0;text-align:center;vertical-align:middle;color:#ce2829;background-color:#fff;border:none;margin-top:70px;margin-left:15px}.main-section{padding:10px;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:auto;background-color:#faf7f2;flex:1}.icons-section{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;width:100%;padding:20px;position:relative;margin:0 auto;height:auto}.main-section h1{display:flex;flex-direction:column;align-items:center;justify-content:center;width:408px;height:46px;font-family:Satisfy;font-size:32px;line-height:44.27px;letter-spacing:0;text-align:center;vertical-align:middle;font-weight:400;color:#ce2829}.main-section h2{display:flex;flex-direction:column;align-items:center;justify-content:center;width:712px;height:56px;font-family:Barlow;font-size:42px;line-height:56.2px;letter-spacing:0;text-align:center;vertical-align:middle;font-weight:400;color:#292929}.btn-order:hover{cursor:pointer}.btn-food:hover{cursor:pointer;background-color:#000;color:#fff}.btn-food{display:flex;width:auto;height:66px;padding:12px 20px;gap:10px;border-radius:50px;font-family:Barlow;font-size:18px;line-height:32.4px;font-weight:500;letter-spacing:0;text-align:center;vertical-align:middle;color:#292929;background-color:#fff;border:none;overflow:hidden;white-space:nowrap}.btn-food img{width:42px;height:42px}.food-section{margin:0 auto;display:flex;align-items:center;justify-content:center;width:1068px;height:430px;gap:32px}.food-item{display:flex;flex-direction:column;align-items:center;width:334.6666564941406px;height:419px;justify-content:space-between;border-radius:12px;padding:32px;background-color:#fff}.food-section p{font-family:Barlow;font-size:22px;line-height:29.44px;font-weight:600;letter-spacing:0;vertical-align:middle;color:#292929;width:270.6666564941406px;height:29px;margin-bottom:1rem}.food-rating{display:flex;width:270.6666564941406px;height:29px}.rating{display:flex;flex-direction:column;align-items:center;justify-content:center;width:23px;height:29px;font-family:Barlow;font-weight:600;font-size:16px;line-height:28.8px;letter-spacing:0;color:#1b1b1bb2;vertical-align:middle}.food-comments{display:flex;align-items:right!important;justify-content:right!important;width:38px;height:29px;font-family:Barlow;font-weight:600;font-size:16px;line-height:28.8px;letter-spacing:0;color:#1b1b1bb2;vertical-align:middle;margin-left:130px}.food-price{display:flex;align-items:right;justify-content:right;width:55.01250076293945px;height:25px;font-family:Barlow;font-weight:700;font-size:20px;line-height:24.76px;letter-spacing:0;color:#292929;vertical-align:middle;text-align:right;margin-left:20px}.food-item img{width:270.6666564941406px;height:265px;margin-bottom:20px}.food-stuff{width:270.6666564941406px;height:355px;gap:24px}.footer-section{width:100%;height:100%;background-color:#1a1a1a;margin-top:60px;margin-bottom:50px}.footer-item{display:flex;width:1066px;height:390.3671875px;justify-content:space-between}.iletisim-section{display:flex;flex-direction:column;align-items:center;justify-content:center;width:1066px;height:390.3671875px}.iletisim-section img{width:28px;height:28px;margin-right:10px}.iletisim-section .logo{width:251px;height:100px;margin-bottom:30px;padding:0;margin-right:100px}.iletisim-section li{display:flex;align-items:center;padding-bottom:30px;font-family:Barlow;font-style:normal}.footer-left{display:flex;justify-content:center;width:663px;height:390.3671875px;color:#fff;margin-left:400px}.address{font-family:Barlow;font-size:18px;line-height:32.4px;font-weight:400;letter-spacing:0;vertical-align:middle;color:#fff;width:306px;height:173.5625px}.menu-section{display:flex;flex-direction:column;width:600px;height:321.453125px;margin-top:70px;overflow:hidden;white-space:nowrap}.menu-section h2{font-family:Barlow;font-size:24px;line-height:32.11px;font-weight:500;letter-spacing:0;vertical-align:middle;color:#fff;margin-bottom:30px}.menu-section ul{display:flex;flex-direction:column;width:221px;height:242.34375px;padding:2px 5.39px;gap:7.39px;font-family:Barlow;font-size:18px;line-height:32.4px;font-weight:400;letter-spacing:0;vertical-align:middle;color:#fff;list-style:none}.social-section{display:flex;flex-direction:column;width:347px;height:332px;gap:40px;margin-bottom:50px}.social-section h2{font-family:Barlow;font-size:24px;line-height:32.11px;font-weight:500;letter-spacing:0;vertical-align:middle;color:#fff;margin-left:100px;margin-top:60px}.social-image{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,auto);gap:10px;width:300px;height:200px;margin-left:50px}.social-image img{width:90px;height:90px;border-radius:5px;object-fit:cover}.copyright{display:flex;width:100%;height:27px;font-family:Barlow;font-size:16px;line-height:28.8px;font-weight:400;letter-spacing:0;vertical-align:middle;color:#fff;margin-top:40px;align-items:left;justify-content:left;margin-left:450px}.bottom-footer{flex-wrap:wrap;width:100%;height:27px;color:#fff}.footer-border{width:100%;height:89.796875px;border-top:1px solid #FFFFFF}