.contact {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 100px;
  padding: 20px;
  padding-top: 100px;
  background-color: rgb(253, 242, 228);
  height: 300px;
  clip-path: polygon(0 20%, 100% 1%, 100% 100%, 0% 100%);
}

.fa-angle-up {
  font-size: 24px;
  margin-bottom: 10px;
}

.fa-angle-up:hover {
  animation: bounce 2.5s infinite;
}

@keyframes bounce {
  0%,  
  100% { transform: translateY(0);}
  50% { transform: translateY(-5px);}
}

.contact > h1 {
  text-align: center;
  margin-top: 60px;
  font-family: 'Poppins';
  font-size: 24px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 800;
  color: rgb(61, 61, 61);
}

.contact-item {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  padding: 5px;
}

.contact-item > p {
  font-size: 10px;
  text-transform: uppercase;
  font-family: sans-serif;
  letter-spacing: 1px;
  color: rgb(61, 61, 61);
}

.fa-map-marker-alt {
  font-size: 18px;
  margin-right: 10px;
  color: rgb(61, 61, 61);
}

.contact-icons {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 30px;
}

footer {
  font-family: 'Poppins';
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 2px;
  text-align: center;
  padding: 30px;
}