body {
    background-color: burlywood;
    overflow-x: hidden;
}

.container {
    display: flex;
    flex-direction: row;
    position: relative;
    left: 60%;

}

nav a {
    text-decoration: none;
    margin: 20px;
    text-align: center;
}

.card {
    text-align: center;
    position: relative;
    top: 200px;
    letter-spacing: 5px;
    line-height: 2;
}

.logo {
    border-radius: 100px;
    padding: 30px;
    font-size: x-large;
    background-color: antiquewhite;
    position: relative;
    bottom: 200px;
}

.nav {
    position: relative;
    top: 80px;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
}

.about {
    font-size: large;
    word-spacing: 3px;
    line-height: 2;
    margin-left: 20px;
}

.order {
    line-height: 2;
    font-size: large;
    font-family: serif;
}

.happy {
    position: relative;
    left: 40%;
    top: 150px;
    font-size: x-large;
}

.offers {
    text-align: center;
    list-style-position: inside;
    list-style-type: square;
    line-height: 3;
    position: relative;
    top: 70px;
    font-size: larger;
}

.offer {
    text-align: center;
}

.Combo {
    text-align: center;
    text-decoration: underline;
}

.img {
    width: 120px;
    margin-left: 50px;
    height: 90px;
    gap: 100px;
}

.food {
    display: flex;
    line-height: 2;
    margin-left: 50px;

}

.foods {
    position: relative;
    top: 90px;
    right: 150px;
}

.head {
    line-height: 3;
    margin-left: 30px;

}

.contact {
    border: 2px solid rgb(3, 3, 3);
    border-width: 5px;
    display: inline-block;
    text-align: center;
    position: relative;
    left: 40%;
    height: 500px;
    width: 400px;
    background-color: lavender;
    margin-top: 20px;
    border-radius: 30px;
}

.org {
    line-height: 2;
    font-family: monospace;
    font-size: large;
}

.button {
    position: relative;
    left: 50%;
    border-radius: 30%;
    height: 50px;
    width: 100px;
}