section {
  overflow: auto;
}

.panel {
  flex-direction: column;
  position: absolute;
  top: 10%;
}

.contactDetails {
  margin: 23px 0;
}

footer {
  color: white;
  text-align: center;
  padding: 12px;
  font-family: var(--font-1);
  border-top: 2px solid white;
}
footer a {
  color: gray;
  text-decoration: none;
  font-weight: bolder;
}

/* media querry for small device */
@media (max-width: 995px) {
  .project-content p {
    display: block;
  }

  .project-container {
    flex-direction: column;
  }

  .contactDetails .contactImg-1 {
    bottom: 100px;
  }
}