body {
    background-color: white;
    font-family: Arial, Helvetica, sans-serif;
}

p {
    line-height: 2;
}

/*link styles*/
a {
    text-decoration: none;
  }

a:link {
    color: #000;
}

a:visited {
    color: #44048c;
}

a:hover {
    color: #e6b800;
} 
a:active {
    color: #fff;
}

/*heading styles*/
h1,
h2,
h3,
h4 {
    text-align: center;
}

h1 {
    font-size: 2.2em;
}

h2 {
    font-size: 1.2em;
}

h3 {
    font-size: 2.6em;
    font-style: italic;
    letter-spacing: 5px;
    color: #44048c;
}

h4 {
    font-size: 1.8em;
    color: #44048c
}

/*navbar styles*/
.main-nav {
    display: flex;
    justify-content: space-around;
    padding: 50px;
    background-color: #0ff;
}

/*content area styles*/
.hero {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    border: 15px solid #e6b800;
    margin: 50px 0px;
}

.tile-images {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-between;
    padding: 40px 0px;
}

#tile-design {
    text-align: center;
    }

#schedule {
    text-align: center;
    line-height: 1.5em;
}

#facts {
    text-align: center;
    line-height: 1.5em;
    color: #44048c;
}

/*about page styles*/
.artist {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.artist p {
    padding: 30px;
}

/*temporary placeholder page styles*/
.pages {
    height: 400px;
}

/*footer styles*/
.footer {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    background-color: #0ff;
    margin-top: 40px;
    padding: 30px;
}

.footer-nav {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    line-height: 1.5;
}

.contact-info {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-end; 
}