body {
  background-image: url(background.gif);
  height: 300px;
  overflow: hidden;
}

.fa-linkedin {
  color: #2867B2;
}

.fa-github-alt {
  color: #24292E;
}

.fa-telegram {
  color: #0088cc;
}

.fa-twitter {
  color: #1DA1F2;
}

.fa-meetup {
  color: #F63F60;
}

.fa-spotify {
  color: 	#1DB954;
}

.fa-pinterest {
  color: #E60E23;
}

.fa-envelope-o {
  color: #DB483B;
}

.fa-instagram {
  color: #B832A4;
}

.devto {
  height: 2em;
  width: 2em;
}

h2 {
  color: #800080;
}

article {
  align-items: center;
  background-color: white;
  border-color: #800080;
  border-style: ridge;
  color: #800080;
  display: flex;
  justify-content: center;
  margin-top: 10%;
  padding-bottom: 3%;
  width: 100%;
}

.profile-picture {
  display: block;
  border-radius: 50%;
  border-style: dashed;
  border-width: 2.7px;
  margin-left: auto;
  margin-right: auto;
  margin-top: -20%;
}

nav {
  margin-top: 15px;
}

ul {
  display: flex;
  justify-content: center;
  padding: 0;
}

li {
  list-style-type: none;
}

marquee {
  justify-content: center;
  display: flex;
}

@media screen and (max-device-width: 840px) {
  h2 {
    font-size: 60px;
  }

  h3 {
    font-size: 50px;
  }

  h4 {
    font-size: 45px;
  }

  article {
    align-items: center;
    display: flex;
    flex-direction: column;
    font-size: 40px;
    justify-content: center;
    margin-top: 20%;
    width: 95%;
  }

  nav ul {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0;
    padding: 0;
  }

  nav ul li {
    width: 100%;
  }
}