.container {
  margin-top: 4rem;
}

.header {
  margin-top: 2rem;
  margin-left: 6rem;
}

.sign-in-out-button {
  margin-right: 3rem;
}

/* Tablet & below (≤1024px) */
@media (max-width: 1024px) {
  .header {
    margin-left: 3rem;
  }

  .new-writeup-button {
    margin-right: 2rem;
  }
}

/* Mobile (≤768px) */
@media (max-width: 768px) {
  .header {
    margin-left: 1rem;
    margin-top: 1rem;
  }

  .new-writeup-button {
    margin-right: 1rem;
    margin-top: 1rem;
  }

  .user-email {
    display: none;
  }
}