body {
font-family: Inter;
margin: 0;
background-color: #18171d;
}

.logo {
display: flex;
justify-content: flex-start;
}

.navigation {
display: flex;
justify-content: center;
align-items: center;
background: url("../images/Purple-BG-Nav.jpg");
background-repeat: no-repeat;
background-size: cover;
background-position: center;
margin: 0 auto;
max-width: 1440px;
}

.listings ul, li {
display: flex;
padding: 30px;
font-size: 20px;
font-weight: bold;
}

.listings a {
text-decoration: none;
color: #ffffff;
}

.listings a:hover {
color: #ffc442;
}

header {
background: url("../images/Festival-Image.jpg");
background-size: 1000px auto;
background-position: center;
background-repeat: no-repeat;
display: flex;
flex-direction: column;
align-items: center;
padding: 30px;
}

.opening-h1, .lineup-h1, .main2 h1, .location-text h1 {
font-family: Audiowide;
font-size: 20px;
color: #fff7e0;
text-align: center;
}

.opening-h1 {
padding: 30px;
}

header h2, .about-us-text h2 {
font-family: Carter One;
font-size: 23px;
color: #fff7e0;
padding: 5px;
}

p {
color: #fff7e0;
font-family: Inter;
}

.sax img {
border: 15px solid #ffffff;
border-radius: 13px;
}

.main {
align-items: center;
text-align: center;
padding: 30px;
}

.cta {
display: inline-block;
background-color: #ffc442;
color: #000000;
text-decoration: none;
font-size: 25px;
padding: 10px 20px;
border-radius: 14px;
}

.cta:hover {
color: #ffffff;
}

.text1, .AC-text {
background: linear-gradient(to bottom, #b962a6, #381f61);
padding: 30px;
border-radius: 15px;
max-width: 700px;
}

.about-us {
text-align: center;
max-width: 800px;
padding: 35px;
margin: 0 auto;
}

.about-us-text h2 {
font-family: Inter;
font-size: 23px;
}

.lineup {
display: flex;
justify-content: center;
align-items: flex-start;
border-radius: 15px;
margin: 0 auto;
padding: 60px;
background: linear-gradient(to bottom, #000000, #381f61);
max-width: 1440px;
}

.image-grid-left, .image-grid-right {
display: flex;
flex-direction: column;
width: 300px;
height: 300px;
gap: 20px;
border: 13px solid #381f61;
border-radius: 13px;
}

.image-grid-left img, .image-grid-right img{
width: 300px;
height: 400px;
border-radius: 13px;
}

.lineup-text h2{
font-family: Inter;
font-size: 30px;
}

.lineup-text {
text-align: center;
max-width: 510px;
color: #fff7e0;
margin: 0 50px;
padding: 30px;
background: linear-gradient(to bottom, #b962a6, #381f61);
border-radius: 13px;
}

.image-grid3 {
display: flex;
justify-content: center;
width: 300px;
height: 300px;
}

.main2 {
text-align: center;
margin: 0 auto;
}

.footer-start {
display: flex;
justify-content: space-evenly;
align-items: center;
background: url("../images/Purple-BG-Footer.jpg");
background-repeat: no-repeat;
background-size: cover;
background-position: center;
margin: 0 auto;
max-width: 1440px;
}

.social-media {
max-width: 600px;
}

.logo2 {
margin: 0 auto;
}

.footer-nav ul, li {
padding: 20px;
font-size: 20px;
}

.footer-nav a {
text-decoration: none;
color: #eda2dd;
}

.footer-nav a:hover {
color: #ffffff;
}

.copyright {
text-align: center;
}