main {
  background-image: url('remote.jpg');
  display: grid;
  width: 100vw;
  height: 150vh;
  background-size: cover;
  background-attachment: fixed, scroll;
  background-repeat: no-repeat, repeat-y;
}

body {
font-family: 'Raleway', sans-serif;
}


article {
  text-align: center;
  font-size: 50px;
  font-family: 'Lobster', cursive;
}

.about-me {
  background-color: white;
  display: grid;
  grid-template-rows: repeat(4);
}

.about-me h4 {
  grid-column: 1/4;
  background-color: #173F5F;
  margin: 0;
  padding: 50px;
  color: #B1B1B1;
}

.about-me img {
  grid-column: 1/2;
  grid-row: 2/4;
}

.about-me-intro {
  font-family: 'Slabo 27px', serif;
  font-size: 18px;
  grid-column: 2/4;
  grid-row: 2/4;
  padding: 10px;
}
.experience h4 {
  margin: 0;
  padding: 50px;
}
.experience {
  background-color: #3CAEA3;
}

.social {
  background-image: url('telephones.jpg');
  display: grid;
  width: 100vw;
  height: 50vh;
  background-size: cover;
  background-attachment: fixed, scroll;
  background-repeat: no-repeat, repeat-y;
}

.portfolio h4 {
  margin: 0;
  padding: 50px;
}

.portfolio {
  background-color: #ED553B;
  color: #2F4F4F;
}

.blog {
  background-image: url('blog.jpg');
  display: grid;
  width: 100vw;
  height: 50vh;
  background-size: cover;
  background-attachment: fixed, scroll;
  background-repeat: no-repeat, repeat-y;
}