@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap";

:root {
  --color: rgb(63 63 63);
}

body {
  margin: 0;
  font-family: Poppins, sans-serif;
  color: var(--color);
}

.buffer {
  display: flex;
  width: 100%;
  min-height: 50vh;
  background-color: var(--color);
  text-align: center;
  justify-content: center;
  align-items: center;
  color: white;
}


h1 {
  text-align: center;
  align-items: center;
  font-size: 3rem;
  font-weight: 700;
}

p {
    align-items: center;
  text-align: center;
  max-width: 52ch;
  padding: 1em;
  line-height: 1.5;
}

#main1 {
    background-image: url(https://images.unsplash.com/photo-1506104489822-562ca25152fe?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9);
    background-position: top center;
    background-attachment:scroll;
    background-size: cover;
    height: 100vh;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
#placeholdersoyoucanscroll{
    height:100vh
}