@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: rgb(92, 206, 245);
}

img {
    width: 450px;
    height: 430px;
}

h1 {
    color: blue;
}

h4 {
    color: red;
}

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: 0px 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 header header header header'
    'friday friday friday friday friday about1 about1 about1 about1 about1'
    'friday friday friday friday friday about1 about1 about1 about1 about1'
    'friday friday friday friday friday about1 about1 about1 about1 about1'
    'august august august august august about2 about2 about2 about2 about2'
    'august august august august august about2 about2 about2 about2 about2'
    'august august august august august about2 about2 about2 about2 about2'
    'footer footer footer footer footer footer footer footer footer footer'
}

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

.friday {
    grid-area: friday;
    margin-left: auto;
    margin-right: auto;
    background: fixed;
}

.about1 {
    grid-area: about1;
}

.august {
    grid-area: august;
    margin-left: auto;
    margin-right: auto;
    background: fixed;
}

.about2 {
    grid-area: about2;
}

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