body {
            background-image: url(images/bg.png);
            background-attachment: fixed;
            background-repeat: no-repeat;
            background-size: cover;
            font-family: monospace;
            font-size: 125%;
        }

        .logo {
            display: block;
            margin: auto;
            width: 73%;
        }
        
        main {
            display: table;
            margin: auto;
            width: 75%;
            height: inherit;
            background-color: rgba(128, 128, 128, 0.808);
            padding: 1% 1% 1% 1%;
            border: solid black 5px;

        }

        .columnleft {
            float: left;
            width: 45%;
            margin: auto;
            display: block;
            /* background-color: blue; */
        }

        .columnright {
            float: right;
            width: 45%;
            margin: auto;
            display: block;
        }

        .object {
            display: block;
            margin: auto;
            width: 75%;
            height: 100%;
            padding: 1%;
            /* border: solid black 5px; */
        }

        nav {
            display: block;
            margin: 2% auto 2% auto;
            width: 75%;
            background-color: rgba(128, 128, 128, 0.808);
            padding: 1%;
            text-align: center;
            font-family: monospace;
            font-size: 150%;
            border: solid black 5px;
        }

        .centered {
            display: block;
            margin: auto;
            width: 75%;
        }       

        h1 {
            text-align: center;
            font-family: monospace;
        }

        p {
            font-size: 150%;
        }

        a img {
            width: 50%;
        }

        nav img {
            width: 15%;
        }

        .show {
            display: block;
            margin: 1% auto 1% auto;
            width: 75%;
            height: 100%;
            padding: 1%;
            border: solid black 5px;
            border-radius: 25px;
            text-align: center;
            background-color: #ffffff7d;
        }

        .post {
            display: block;
            margin: 1% auto 1% auto;
            width: 75%;
            height: 100%;
            padding: 1%;
            border: solid black 5px;
            border-radius: 25px;
            text-align: center;
            background-color: #ffffff7d;
        }

        .hamburgerbtn {
            display: none;
        }

        .hamburgermenu {
            display: none;
        }

        footer {
            display: table;
            margin: 2% auto 2% auto;
            width: 75%;
            height: inherit;
            background-color: rgba(128, 128, 128, 0.808);
            padding: 1% 1% 1% 1%;
            border: solid black 5px;
        }

        footer p {
            text-align: center;
        }



        @media screen and (max-width: 900px) {
            .columnleft {
                width: 100%;
                
            }

            .columnright {
                width: 100%;
            }

            nav {
                display: none;
            }

            .hamburgerbtn {
                display: block;
                margin: 5% auto 5% auto;
                font-size: 1rem;

            }

            .hamburgermenu {
                display: none;
                margin: 8% auto 4% auto;
                z-index: 90;
                background-color: rgba(128, 128, 128, 0.494);
            }

            .hamburgermenu img {
                display: block;
                margin: auto;
            }

        }