.localshows-intro{
 display: flex;
 justify-content: center;
 margin:10px;
 color: white;
}
.map{
    width:100%;
    height:100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    
}
iframe{
    width: 80%;
    height: 500px;
}
body{
    background-color: black;
    display: grid;
}
.local-shows-header{
    background-image: url(images/bandbackground.jpg);
    min-height: 300px;
}
h1 {
    font-family:"PixelFont";
    text-align: center;
    color: white;
    font-size: 50px;

    -webkit-text-stroke: 1px black; /*SOURCE: https://www.youtube.com/watch?v=HHH_VV0IBlo*/

}
.list-of-venues{
 display: flex;
 flex-direction: column;
 justify-content: space-between;
 margin:10px;
 color: white;
 margin-top: 25px;
 
}
.poster-forum{
    display: grid;
    justify-self: center;
    grid-template-columns: 300px 300px 300px;
    grid-template-rows: 150px 300px 300px 300px;
    grid-template-areas: 
    "box-1 box-1 box-1";
    
    height: min-content;
    width: min-content;
    margin: 2%;
    gap:1em
}
.poster-forum-description{
     display: flex;
 justify-content: center;
 margin:10px;
 color: white;
}


.item-post{
    background-color: red;
    border: solid black;
    border-radius: 3px;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 5fr 1fr 1fr 1fr 1fr;
    cursor: pointer;
}
.item-post:hover{
    scale: 1.05;
}
.post-photo{
    background-color: aliceblue;
    display: flex;
    justify-content: center;
    align-items: center;
    justify-self: center;
    align-self: center;
    height: 140px;
    width: 96%;
    margin-top: 2%;
    border: solid black;
    border-radius: 3px;
}
.post-photo img{
    width:100%;
    height:100%;
    object-fit: cover;

}
.post-info{
    align-self: center;
    padding: 2%;
    border: solid rgba(0, 0, 0, 0.217);
}