* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.shop-page main {
  display: flex;
  flex-direction: column;
  align-items: center;
}

div.grid_container {
  display: grid;
  height: 100vh;
  grid-template-columns: 10px 1fr 10px;
  grid-template-rows: auto auto 1fr auto auto;
  grid-template-areas: ". header ." ". nav ." ". main ." ". aside ." ". footer .";
}
div.grid_container header {
  grid-area: header;
  text-align: center;
  padding: 5px 0;
}
div.grid_container header > h1 {
  font-size: 55px;
}
div.grid_container header > p {
  font-size: 20px;
}
div.grid_container nav {
  grid-area: nav;
}
div.grid_container nav > ul {
  display: flex;
  height: 300px;
  list-style-type: none;
  gap: 15px;
  justify-content: center;
  font-size: 25px;
}
div.grid_container nav > ul > li > a {
  display: block;
  padding: 4rem;
  text-decoration: none;
  color: black;
}
div.grid_container nav > ul > li > a:hover {
  background-color: rgb(97, 97, 97);
}
div.grid_container main {
  grid-area: main;
}
div.grid_container main video {
  width: 100%;
  max-width: 800px;
  display: block;
  margin: 0 auto;
}
div.grid_container main section {
  text-align: center;
}
div.grid_container main section h2 {
  font-size: 40px;
  margin-bottom: 20px;
}
div.grid_container main section img {
  display: block;
  margin: 0 auto;
}
div.grid_container main .shop-btn {
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  margin: 80px auto;
  padding: 12px 24px;
  font-size: 30px;
  background-color: black;
  color: white;
  text-decoration: none;
  cursor: pointer;
}
div.grid_container main .shop-btn:hover {
  background-color: rgb(97, 97, 97);
}
div.grid_container aside {
  grid-area: aside;
}
div.grid_container footer {
  grid-area: footer;
}/*# sourceMappingURL=style.css.map */