*{
    margin: 0; padding: 0; box-sizing: border-box; 
}

body{
    font-family: 'Inter', sans-serif;
}

main{
    position: relative; height: 100vh; width: 100%;
}

.background_image{
    height: 100vh; width: 100%; overflow: hidden; position: absolute;
}

.background_image img{
    height: 100%; width: 100%; object-fit: cover;   
}

.content_images{
    display: flex; height: 100%; width: 100%; align-items: center;
    justify-content: center; 
}

.burger{
    position: absolute; top: 20%; left: 12%;
}

.tomato1{ 
    position: absolute; top: 60%; left: 10%;
}

.tomato2{
    position: absolute; top: 35%; right: 15%;
    transform: rotate(45deg);
}

.leaf{
    position: absolute; top: 12%; left: 28%;
}

.pizza{
    position: absolute; top: 45%; right: 10%;
}

.momo{
    position: absolute; top: 6%; right: 15%;
}

.center_text{
    display: flex; 
    flex-direction: column; text-align: center;
}

.center_text h1{
    font-size: 64px; color: #ca0336; line-height: 60px; 
    margin-bottom: 40px; text-align: center;
}

.center_text p{
    font-size: 24px; font-weight: bold; max-width: 450px;
    text-align: center;
}

.container{
    margin-top: 120px; align-items: center; gap: 16px;
    border-radius: 15px; background: rgba(255, 255, 255, 0.95);
    display: flex; flex-direction: row; justify-content: space-between;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1); padding: 15px;
}

.bar_item{
    display: flex; flex-direction: row; align-items: center; gap: 12px;
}

.bar_text{
    display: flex; flex-direction: column; text-align: left;
}

.bar_icon{
    width: 50px; height: 50px; object-fit: contain;
}

.info-number{
    font-size: 24px; color: #ca0336; font-weight: bold; 
}

.info-label{
    font-size: 16px; color: black; font-weight: 500;
}