body {
                background-color: lightgray;
                font-family: monospace;
            }

            p {
                font-size: 14px;
                line-height: 1.2;
            }

            /*header and navigation*/
            header {
                padding: 2rem 0;
                text-align: center;
            }

            #header-img {
                width: 35%;
                height: auto;
            }

            nav {
                text-align: center;
                margin-bottom: 1.5rem;
                margin-top: -1rem;
            }

            a {
                margin-right: 1rem;
            }

            nav img {
                width: 5%;
                height: auto;
                transition: scale 0.3s;
            }

            nav img:hover {
                scale: 1.13;
            }

            nav a {
                text-decoration: none;
            }

            /*content*/
            table {
                border: none;
            }
            
            /*sidebar*/
            #sidebar {
                padding: 2rem;
                background-color: lemonchiffon;
                width: 20%;
                vertical-align: top;
            }

            ul {
                margin-left: -2rem;
                list-style: none;
            }

            /*posts and images*/
            #blogprev {
                padding: 2rem 2rem 0 2rem;
                width: 80%;
                vertical-align: top;
            }

            .blogimg img {
                width: 100%;
                height: auto;
                padding: 1rem 2rem 0 0;
                text-align: center;
            }

            .articlepad {
                padding-left: 2rem;
            }

            #gallery {
                padding-bottom: 1rem;
            }

            .galleryprev {
                padding: 0.5rem;
                width: 10rem;
            }

            .galleryprev img {
                max-width: 20rem;
                max-height: 15rem;
                object-fit: cover;
            }

            #viewmore {
                text-align: end;
            }

            /*footer contents*/
            footer {
                text-align: center;
                line-height: 0.5rem;
            }

            footer p {
                font-size: 12px;
            }

            .footerimg {
                margin-right: 0.25rem;
            }
            
            /* about page */
            
             #aboutheader {
                text-align: center;
            }

            #aboutimg {
                max-width: 20rem;
                padding-left: 0.5rem;
            }
            
            #aboutcontent {
                padding-left: 1rem;
                padding-right: 1rem;
            }
            
            /* blogposts list */
            
            .entries {
                text-align: center;
            }
            
            #date {
                text-align: center;
            }
            
            /* blog entries */
            
            #entryheader {
                text-align: center;
            }

            #entryimg {
                max-width: 20rem;
                padding-left: 0.5rem;
            }
            
            #entrycontent {
                padding-left: 1rem;
                padding-right: 1rem;
            }

            #datewritten {
                text-align: center;
            }
            
            
            /* gallery */