/*
    ******COLOR PALLETTE******
    Primary: #5131E0
    Secondary: #425FEB
    Tertiary: #F028C0
    Secondary-accent: #2A63F7
    Tertiary-accent: #B12AF7
*/

@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@100&family=Six+Caps&display=swap');

body {
    color: #5131E0;
    margin: 0;
    padding: 0;
    font-family: 'Roboto Mono', monospace;
    font-weight: 900;
    text-align: justify;
    line-height: 1.5;
    overflow-x:hidden;
}

main {
    margin: 0;
    min-height: 100vh;
}

nav {
    background-color: #B828ED;
    color: white;
    width: 100%;
    padding: 20px;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    
}

nav a {
    color: white; 
    text-decoration: none;
    text-transform: uppercase;
    padding-right: 5em;
}

nav a:hover {
    text-decoration: underline;
}

.nav-links {
    align-self: flex-start;
    display: flex;
    flex-wrap: wrap;
    width: 80%;
    overflow: hidden;
}



.hero-wrapper {
    background-image: url('../../assets/jazz.jpg');
    min-height: 300px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.hero {
    font-family: 'Six Caps', sans-serif;
    font-size: 60px;
    margin: auto;
    width: 80%;
    text-shadow: -3px 0 white, 0 3px white, 3px 0 white, 0 -3px white;
}

.hero h1 {
    margin-top: 0;
}

.history {
    margin: auto;
    width: 80%;
}

.history h2 {
    color: #425FEB;
    font-family: 'Six Caps', sans-serif;
    font-size: 50px;
}
.aesthetic-wrapper {
    color: white;
    background-color: #5131E0;
}
.aesthetic {
    margin: auto;
    width: 80%;
}

.aesthetic h2 {
    color: white;
    font-family: 'Six Caps', sans-serif;
    font-size: 50px;
}

img {
    display: flex;
    align-items: center;
    max-width: 100%;
}

section {
    margin-bottom: 18px;
    padding-bottom: 18px;
}

footer {
    background-color: #83DDE0;
    width: 100%;
    width: 100%;
    height: 2.5rem;     
}

.footer-content {
    margin: auto;
    padding: 10px;
}