* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
html {
    scroll-behavior: smooth;
}

body {
    font-family: "Poiret One", sans-serif;
    font-size: 20px;
    background: #202020;

    font-size: 20px;
    line-height: 26px;
    color: #E7E7E7;
       
}
/* Queens of the Stone Age (commonly abbreviated as QOTSA or QotSA) is an American rock band formed in Seattle in 1996. The band was founded by vocalist and guitarist Josh Homme shortly before he returned to his native Palm Desert, California. Homme has been the only constant member throughout multiple line-up changes; since 2013, the line-up has consisted of Homme, Troy Van Leeuwen (guitar, lap steel, keyboards, percussion, backing vocals), Michael Shuman (bass, keyboards, backing vocals), Dean Fertita (keyboards, guitar, percussion, backing vocals), and Jon Theodore (drums, percussion). */

main, section, aside, footer {
    padding: 20px;
}





nav {
    background-color: antiquewhite;
    text-align: center;
    position: fixed;
    width: 100%;
    padding: 7px;

    font-family: 'DM Serif Display';
    font-size: 24px;    
    
}
nav ul li {
    display: inline;
    margin-right: 20px;
}
nav ul li a {
    color: #5531B5;
}

#banner {
    background-image: url("../img/Group\ 4.jpg");
    background-size: cover;
    background-position: bottom center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    width: 100%;
    height: 90vh;
}

header {
    position: fixed;
    z-index: 1;
}

/* header, */
 main, .grid, #banner, footer {
    max-width: 1600px;

    margin: 0 auto;
    position: relative;

}

/* gallery */
.grid {
    display: grid;
    /* grid-template-columns: 1fr 1fr 1fr; */
    /* grid-template-columns: repeat(3, 1fr); */

    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 10px;
    place-items: center;
}

.grid-item {
    /* background-color: aqua; */
    text-align: center;
    padding: 5px;
}

.grid-item img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    object-position: center;
}


h1, nav {
    font-family: "DM Serif Text", serif;
}
h1 {
    margin-bottom: 20px;
}


#about {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 20px;
}
@media screen and (max-width:1024px) {
    #about {
        grid-template-columns: 1fr;
    }
    #banner{
        height: 60vh;
    }
}