CSS – Macinshop

header {
text-align: center;
color: red;
background-color: aqua;
line-height: 1.6;
}

body {
font-family: Arial, sans-serif;
background-color: aqua;
color: black;
line-height: 1.6;
border-style: double;
border-radius: 25px;
}

header h1 {
font-size: 36px;
margin-bottom: 10px;
text-align: center;
background-color: aqua;
}

header p {
font-size: 18px;
font-style: italic;
text-align: center;
background-color: aqua;
}

nav {
background-color: #333;
text-align: center;
padding: 10px 0;
border-style: dashed;
background-color: aqua;
}

nav a {
color: #ffffff;
text-decoration: none;
font-size: 18px;
padding: 10px 20px;
border-style: dashed;
border-color: black;
}

nav a:hover {
background-color: red;
border-radius: 5px;
border-style: dashed;
border-color: black;
}

.main-content {
padding: 40px 20px;
text-align: center;
background-color: aqua;
}

section {
font-size: 25px;
text-align: center;
font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
background-color: aqua;
color: red;
}
#home h2 {
font-size: 28px;
margin-bottom: 20px;
}

#home p {
font-size: 18px;
max-width: 800px;
margin: 0 auto;
}

.menu-section {
background-color: aqua;
padding: 40px 20px;
border-style: dashed;
border-radius: 5px;
border-color: black;
}

.menu-item {
background-color: aqua;
border: 1px solid black;
padding: 15px;
margin-bottom: 15px;
border-radius: 5px;
text-align: left;
max-width: 600px;
margin: 10px auto;
}

.menu-item h3 {
font-size: 24px;
color: red;
}

.menu-item p {
font-size: 16px;
color: #555;
}

.price {
font-size: 20px;
font-weight: bold;
color: red;
}

.Contact-section {
text-align: center;
color: #000000;
}

h1 {
text-align: center;
color: red;
background-color: aqua;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.About-section {
text-align: center;
color: #000000;
}

body {
background-color: aqua;
}