@media screen and (max-width: 410px) {
    nav {
        width: 90%;
        flex-direction: column;
        font-size: larger;
    }
}

@media screen and (min-width: 411px) and (max-width: 1023px) {
    nav {
        width: 90%
    }
}

@media screen and (min-width: 1024px) {
    nav {
        width: 90%;
    }
}

html {
    background-color: red;
}

img {
    width: 100%;
    height: 400px;
    background: fixed;
}

p {
  font-size: 20px;
  font-family:Arial, Helvetica, sans-serif;
  color: gray;
}

h1 {
    text-align: center;
    font-size: 25px;
    color: yellow;
}

h2 {
    font-size: 20px;
}

nav {
    width: 80%;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    text-align: center;
    padding: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: yellow;
    opacity: 100%;
    margin-right: auto;
    margin-left: auto;
}

.grid-item {
    background-color: rgba(255, 255, 255, 0.8);
    border: 1px solid rgba(0, 0, 0, 0.8);
    padding: 5px;
    font-size: 20px;
    text-align: center;
  }

  .grid-container {
    display: grid;
    grid-template-areas:
    'header header header header header header'
    'cat cat cat cat cat cat'
    'set1 set1 set1 set2 set2 set2'
    'set1 set1 set1 set2 set2 set2'
    'set3 set3 set3 set4 set4 set4'
    'set3 set3 set3 set4 set4 set4'
    'set5 set5 set5 information information information'
    'set5 set5 set5 information information information'
    'footer footer footer footer footer footer'
  }

  .header {
    grid-area: header;
    text-align: center;
    background-color: pink;
    opacity: 50%;
  }

  .cat {
    grid-area: cat;
    background: fixed;
  }

  .set1 {
    grid-area: set1;
  }

  .set2 {
    grid-area: set2;
  }

  .set3 {
    grid-area: set3;
  }

  .set4 {
    grid-area: set4;
  }

  .set5 {
    grid-area: set5;
    text-align: center;
  }

  .information {
    grid-area: information;
  }

  .footer {
    grid-area: footer;
    text-align: center;
    background-color: pink;
    opacity: 50%;
  }

