@media (max-width: 768px) {
  header {
    flex-direction: column;
    align-items: flex-start;
  }
  nav {
    margin-top: 10px;
  }
  nav a {
    display: inline-block;
    margin: 5px 10px;
  }
  .profile-pic {
    width: 150px;
    height: 150px;
  }
  form {
    width: 100%;
  }
}
@media (max-width: 480px) {
  .profile-pic {
    width: 120px;
    height: 120px;
  }
  h1,h2 {
    font-size: 1.2rem;
  }
  input, textarea {
    font-size: 14px;
  }
}