@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,200;0,400;1,200;1,400&display=swap');
h1{
    font-family: acier-bat-noir,sans-serif;
    font-weight: 400;
    font-style: normal;
    background-color: rgba(245, 245, 245, 0.664);
}

h2,h3,h4,h5,h6{
    font-family: 'Bebas Neue', cursive;
    
   
}

.section-body{
    background-color: rgba(245, 245, 245, 0.664);
    word-wrap: break-word;
}
div.section-headers{
    background-color: #d09438;
    
}

h2.section-headers{
    
    font-size: 3rem;
    line-height: 1; 
}
body{
    font-family: 'Montserrat', sans-serif;
    
}
.title-box{
    background-color: #d09438;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='70' height='46' viewBox='0 0 70 46'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%23a80b4b' fill-opacity='0.26'%3E%3Cpolygon points='68 44 62 44 62 46 56 46 56 44 52 44 52 46 46 46 46 44 40 44 40 46 38 46 38 44 32 44 32 46 26 46 26 44 22 44 22 46 16 46 16 44 12 44 12 46 6 46 6 44 0 44 0 42 8 42 8 28 6 28 6 0 12 0 12 28 10 28 10 42 18 42 18 28 16 28 16 0 22 0 22 28 20 28 20 42 28 42 28 28 26 28 26 0 32 0 32 28 30 28 30 42 38 42 38 0 40 0 40 42 48 42 48 28 46 28 46 0 52 0 52 28 50 28 50 42 58 42 58 28 56 28 56 0 62 0 62 28 60 28 60 42 68 42 68 0 70 0 70 46 68 46'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.nav-item{
    text-align: center;
    font-family: 'Bebas Neue', cursive;
    
    font-style: normal;
    font-size: 30px;
}

.nav-item:hover{
    background-color: rgba(255, 255, 255, 0.664);
 
}


.image{
    display: inline;
 
    padding-left: 30px;
    padding-top: 30px;
    
    height: 500px;
}



#map{
    height: 300px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

#dancing{
    height: 300px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

#map:hover{
    height: 500px;
}

#dancing:hover{
    height: 500px;
}

#name{
    font-family: acier-bat-noir,sans-serif;
}

.citation{
    background-color: beige;
}

.source_link{
    color: rgb(75, 144, 184);
    
}

#intext-citation{
    color: blue;
    text-decoration: underline;
}

#intext-citation:hover{
    color: rgb(4, 4, 149);
}

#video{
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.band-fig{
    display: block;
    margin-left: auto;
    margin-right: auto;
}