body {
    background-color: #01010C;
    color: #DFCFC0;
    margin: 0;
    padding: 0;
}

.title {
    font-size: 3em;
}

#guitars{
    width: 80vw;
    justify-content: center;
    margin: auto;
    display: grid;
    grid-template-columns: auto auto;
    justify-content: center;
}

.guitar {
    transition: background-color 1s cubic-bezier(0,.86,.51,.43);
    margin: 1em;
    width: 30em;
    height: 40vh;
    text-align: center;
    border-radius: 70px;
    display: grid;
    justify-content: center;
    align-content: center;
    cursor: pointer;
    justify-items: center
}

.guitar:hover article {
    mix-blend-mode: color-dodge;
}

article {
    width: 100%;
    transition: mix-blend-mode 1s cubic-bezier(0,.86,.51,.43);
}

p:not(.title) {
    font-size: 1.2em;
}

p::first-letter {
    text-transform: capitalize;
}

.id-container {
    display: flex;
    justify-content: space-between;
    margin: 4em;
}

@media screen and (max-width: 1000px) {
  #guitars {
    grid-template-columns: auto;
  }
  article {
    margin: auto;
    width: 60vw;
  }
  .guitar {
    width: 80vw;
    margin: 2em auto;
  }
  .title {
    font-size: 3em;
  }
  p:not(.title) {
    font-size: 1em;
  }
}