body {
            max-width: 960px;
            background-color: #111;
            color: #ddd;
            font-family: 'Press Start 2P', cursive;
            text-align: center;
            margin: auto;
            padding: 0;
            text-size-adjust: none;
            -webkit-text-size-adjust: none;
        }

        header {
            background-color: #333;
            padding: 10px;
            color: #ddd;
            font-size: 16px;
            margin: auto;
        }

        nav {
            background-color: #222;
            padding: 10px;
            margin: left;
        }

        nav a {
            text-decoration: none;
            color: #ddd;
            padding: 8px 16px;
            margin: 0 10px;
            border-radius: 5px;
            background-color: #333;
            transition: background-color 0.3s ease;
        }

        nav a:hover {
            background-color: #555;
        }
        ul {
            grid-area: menu;
            list-style-type: none;
            background-position: auto;
            background-color: #222;
            padding: 5px 0px;
            margin: 0px 0px;
            height: min-content;
        }
        li a {
            display: block;
            text-decoration: none;
            background-position: auto;
            color: #ddd;
            padding: 0px 0px;
            margin: 5px 0px;
            background-color: #333;
        }
        li a:hover {
            background-color: #555;
        }
        section {
            padding: 0px;
        }

        h1 {
            color: #03A062;
            font-size: 14px;
        }

        h2 {
            color: #03A062;
            font-size: 24px;
        }
        h3 {
            color: #03A062;
            font-size: 18.72px;
        }
        p {
            line-height: 1.6;
            font-size: 8px;
            color: #ddd;
        }
        table {
            padding: 5px 0px;
        }
        th {
            font-weight: normal;
        }
        .conteiner {
            display: grid;
            max-width: 960px;
            grid-template-columns: 5fr 1fr;
            grid-template-rows: auto;
            grid-template-areas: 
            'hof menu'
            'main menu'
            'main menu'
            'main menu'
            'main menu'
            'main menu'
            'main menu'
            'main menu'
            'main menu'
            'main menu'
            'main menu'
            'main menu'
            'main menu'
            'main menu'
            'main menu'
            'main menu'
            'main menu'
            'main menu'
            'main menu'
            'main menu'
            'main menu'
            'main menu'
            'main menu'
            'main menu'
            'main menu'
            'main menu'
            'main menu'
            'main menu'
            'main menu'
            'main menu'
            'main menu'
            'footer footer'
            ;
        }
        .update-bubble {
            height: auto;
            padding: 0px 0px;
            margin: 2px 0px;
            background-color: #222;
            border: 2px solid #666;
            border-radius: 0px;
            box-shadow: 0 0 10px rgba(255, 255, 255, 0.1);
            text-align: left;
        }
        footer {
            grid-area: footer;
            background-color: #333;
            color: #ddd;
            padding: 10px;
            bottom: auto;
            margin: auto;
            position: bottom;
        }
        input {
            align-items: center;
        }
        .guest-book-entry {
        border-bottom: 1px solid #03A062;
        margin: 10px 0;
        padding-bottom: 5px;
        font-family: 'Press Start 2P', cursive;
        font-size: 12px;
        }
        .gb-name {
        font-weight: bold;
        font-size: 12px;     /* change as you like */
        color: #03A062;
        }
        .gb-time {
        font-size: 12px;
        color: #03A062;
        font-style: italic;
        }
        .gb-message {
        display: block;
        font-size: 12px;
        color: #ddd;
        margin-top: 5px;
        line-height: 1.4;
        }
        hr {
        border: none;
        height: 2px;
        background-color: #666;
        }