/* Phone styles */
/* @import url("styles.css"); */

@media (max-width: 600px) {
  body,
  html {
    font-size: 1em;
  }
  .maindiv {
    border-width: clamp(1px, 0.8vw, 2.5px);
    border-radius: 4vw;
  }
  .containerdiv {
    grid-template-rows: 12% 80% 8%;
  }
  .headerdiv nav {
    flex-direction: column;
    padding: 0.5em 0;
  }
  .logo-img {
    height: 7vh;
    width: 7vh;
  }
  .footerdiv {
    font-size: 0.9em;
  }
  /* Add more phone-specific overrides here */
}