* {
    box-sizing:border-box;
}

img {
    max-width:100%;
}

body {
    /* overflow:hidden; */
    margin:0px;
    background:#1f1f1f;
    font-family:'Courier New', Courier, monospace;
}

.header {
    background:#2f2f2f;
    height:150px;
    width:100%;
    margin:0px;
    padding:20px;
    position:fixed;
    top:0px;
    z-index:2;
    display:flex;
    justify-content:space-evenly;
    align-items:center;
}

.venue {
    /* background:orange; */
    height:150px;
    width:300px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
}

.l-speaker {
    /* background:green; */
    width:100px;
    height:150px;
    display:flex;
    justify-content:center;
    align-items:center;
}

.artist {
    /* background:blue; */
    height:150px;
    width:280px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    text-align:center;
}

.r-speaker {
    /* background:purple; */
    width:100px;
    height:150px;
    display:flex;
    justify-content:center;
    align-items:center;
}

.date {
    /* background:red; */
    height:150px;
    width:300px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
}

h1, h3, p {
    color:aliceblue;
    margin:5px;
}

.playlist-center {
    display:flex;
    justify-content:center;
    align-items:center;
}

.playlist-container {
    height:200px;
    width:800px;
    border-radius:18px;
    background:#2f2f2f;
    margin-top:200px;
    display:flex;
    justify-content:center;
    align-items:center;
}

.playlist {
    width:750px;
}

p {
    color:aliceblue;
    font-size:large;
}


.ticket-container {
    /* background:#7ca7b9; */
    margin-top:70px;
    margin-bottom:30px;
    position:relative;
    height:150px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
}

.ticket {
    margin-bottom:10px;
}

.image-container {
    /* background:#8d8d8d; */
    height:1410px;
    display:flex;
    padding:80px;
    padding-top:20px;
    margin-top:80px;
    flex-direction:column;
    justify-content:flex-start;
    align-items:center;
}

.row1 {
    display:flex;
    justify-content:center;
    align-items:center;
    gap:80px;
    margin-bottom:80px;
}

.row2 {
    display:flex;
    justify-content:center;
    align-items:center;
    gap:80px;
}

.bottom-nav {
    width:500px;
    height:100px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:100px;
}

.nav-button {
    background:#2f2f2f;
    height:40px;
    width:100px;
    border:solid 20px #2f2f2f;
    border-radius:12px;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:small;
}

.home-button {
    background:#2f2f2f;
    height:50px;
    width:100px;
    border:solid 20px #2f2f2f;
    border-radius:12px;
    display:flex;
    justify-content:center;
    align-items:center;
}

a:link {
    color:aliceblue;
    text-decoration:none;
}

a:visited {
    color:aliceblue;
    text-decoration:none;
}