```css
/* Shi's Delights Modern Bakery Website */

* {
    box-sizing: border-box;
}


body {
    margin: 0;
    background-color: #fff8f6;
    color: #4b3832;
    font-family: Arial, sans-serif;
}



/* HEADER */

header {
    background: #f8d7df;
    padding: 30px 10%;
    text-align: center;
}


.brand h1 {
    margin: 0;
    color: #9b4d63;
    font-family: Georgia, serif;
    font-size: 45px;
}


.brand p {
    margin-top: 8px;
    color: #6b4a4a;
}



nav {
    margin-top: 25px;
}


nav a {
    text-decoration: none;
    color: #6b3b4b;
    font-weight: bold;
    margin: 0 15px;
}



nav a:hover {
    color: #b8864c;
}





/* HERO */

.hero {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 50px;
    padding: 70px 10%;
    background: white;
    flex-wrap: wrap;
}


.hero img {
    width: 420px;
    max-width: 100%;
    border-radius: 25px;
}


.hero div {
    max-width: 500px;
}


.hero h2 {
    color: #9b4d63;
    font-family: Georgia, serif;
    font-size: 42px;
}


.hero p {
    font-size: 18px;
    line-height: 1.7;
}





/* BUTTONS */


button,
input[type="submit"] {

    position: relative;
    z-index: 9999;
    width:100%;
    padding:15px;
    background:#9b4d63;
    color:white;
    border:none;
    border-radius:30px;
    font-size:17px;
    cursor:pointer;

}


.button:hover {
    background:#b8864c;
}





/* GENERAL SECTIONS */


section {
    padding: 60px 10%;
}



h2 {
    text-align:center;
    font-family: Georgia, serif;
    color:#9b4d63;
    font-size:36px;
}





/* MENU */


.menu-section {

    background:white;
    padding:35px;
    margin:30px auto;
    border-radius:25px;
    max-width:900px;
    box-shadow:0 8px 20px rgba(0,0,0,0.08);

}



.menu-section h3 {

    color:#9b4d63;
    font-family:Georgia, serif;
    font-size:26px;
    text-align:center;

}




table {

    width:100%;
    border-collapse:collapse;
    margin-top:20px;

}



th {

    background:#f8d7df;
    color:#6b3b4b;

}



td, th {

    padding:15px;
    text-align:left;
    border-bottom:1px solid #eee;

}





/* FLAVORS */


.flavors {

    background:#fff0f3;
    padding:35px;
    border-radius:25px;
    text-align:center;

}


.flavors h3 {

    color:#9b4d63;

}





/* GALLERY */


.gallery {

    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:20px;

}


.gallery img {

    width:250px;
    height:250px;
    object-fit:cover;
    border-radius:20px;

}





/* ORDER FORM */


form {

    background:white;
    max-width:600px;
    margin:auto;
    padding:35px;
    border-radius:25px;
    box-shadow:0 8px 20px rgba(0,0,0,0.08);

}



input,
select,
textarea {

    width:100%;
    padding:15px;
    margin:10px 0;
    border:1px solid #ddd;
    border-radius:12px;
    font-size:16px;

}



textarea {

    height:130px;

}



button {

    width:100%;
    padding:15px;
    background:#9b4d63;
    color:white;
    border:none;
    border-radius:30px;
    font-size:17px;
    cursor:pointer;

}


button:hover {

    background:#b8864c;

}





/* FOOTER */


footer {

    background:#f8d7df;
    text-align:center;
    padding:25px;
    color:#6b3b4b;

}





/* MOBILE */


@media(max-width:768px){


.brand h1 {

    font-size:35px;

}


nav a {

    display:block;
    margin:15px;

}


.hero h2 {

    font-size:32px;

}


section {

    padding:40px 5%;

}


.menu-section {

    padding:20px;

}


table {

    font-size:14px;

}


}
```