/* Firefox Launch Page - Main Styles */

@import url("https://fonts.cdnfonts.com/css/junicode");

/* Base styles */
body {
  margin: 0;
  padding: 0;
  font-family: "Junicode", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-style: italic;
  font-weight: 400;
}

/* Grid container responsive layout */
#grid-container {
  width: 1200px;
  grid-template-columns: repeat(8, 1fr);
}

/* Tablet breakpoint */
@media (max-width: 1282px) {
  #grid-container {
    width: 800px !important;
    grid-template-columns: repeat(4, 1fr) !important;
  }
}

/* Mobile breakpoint */
@media (max-width: 1028px) {
  #grid-container {
    width: 400px !important;
    grid-template-columns: repeat(2, 1fr) !important;
  }
}