body {
            background-color: #000000;
            background-image: url("stars.png");
            background-repeat: repeat;

            color: #ffffff;
            font-family: Georgia, "Times New Roman", serif;
            margin: 0;
            padding: 0;
        }

        a {
            color: #3474ff;
        }

        a:visited {
            color: #285ac6;
        }

        a:hover {
            color: #6898ff;
        }


/* MAIN */
        .page {
            width: 100%;
            max-width: 1000px;
            margin: 0 auto;
            box-sizing: border-box;
            padding: 10px;
        }


/* NAV */
        .navigation {
            width: 100%;
            border: 1px solid #ffffff;
            margin-bottom: 10px;
            text-align: center;
            font-size: 24px;
            background-color: #000000;
        }

        .navigation a {
            display: inline-block;
            padding: 8px 20px;
            text-decoration: underline;
        }


/* BANNER */
        .banner {
            width: 100%;
            border: 2px solid #ffffff;
            margin-bottom: 15px;
            box-sizing: border-box;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 10px;
            background-color: #000000;
        }

        .banner img {
            display: block;
            width: 100%;
            max-width: 1776px;
            height: auto;
        }

        .banner-text {
            text-align: center;
        }

        .banner-text h1 {
            margin: 0;
            font-size: 36px;
        }

        .banner-text p {
            margin-top: 8px;
        }


/* CONTENT */
        .content {
            border: 1px solid #ffffff;
            padding: 15px;
            box-sizing: border-box;
            background-color: #000000;
            margin-top: 15px;
        }

        .content h2 {
            margin-top: 0;
            text-align: center;
        }

        .content-image {
            width: 100%;
            max-width: 500px;
            border: 1px solid #ffffff;
            margin: 15px auto;
            box-sizing: border-box;
            text-align: center;
            overflow: hidden;
            padding: 5px;
        }

        .content-image span {
            text-align: center;
        }

        .content-image img {
            display: block;
            width: 100%;
            height: auto;
        }

        .content p {
            line-height: 1.5;
            font-size: larger;
        }

/* ALBUMS */
        .albums {
            border: 1px solid #ffffff;
            padding: 15px;
            box-sizing: border-box;
            background-color: #000000;
            margin-top: 15px;
        }

        .albums h2 {
            margin-top: 0;
            margin-bottom: 20px;
            text-align: center;
        }

        .album-images {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 15px;
        }

        .album-images a {
            flex: 0 0 calc(50% - 7.5px);
            min-width: 0;
            box-sizing: border-box;
        }

        .album-images img {
            display: block;
            width: 100%;
            height: auto;
        }

/* PORTALS */
        .portals {
            border: 1px solid #ffffff;
            padding: 15px;
            box-sizing: border-box;
            background-color: #000000;
            margin-top: 15px;
        }

        .portals h2 {
            margin-top: 0;
            margin-bottom: 20px;
            text-align: center;
        }

        .portal-links {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            align-items: center;
            gap: 20px;
        }

        .portal-links a {
            display: block;
        }

        .portal-links img {
            display: block;
            max-width: 150px;
            width: auto;
            height: auto;
        }

/* NEWSLETTER */
        .newsletter {
            border: 1px solid #ffffff;
            padding: 15px;
            margin-top: 15px;
            box-sizing: border-box;
            background-color: #000000;
            text-align: center;
        }

        .newsletter h2 {
            margin-top: 0;
            text-align: center;
        }

        .newsletter p {
            text-align: center;
        }


/* FOOTER */
        .footer {
            border: 1px solid #ffffff;
            margin-top: 15px;
            padding: 15px 5px;
            text-align: center;
            font-size: 14px;
            background-color: #000000;
        }

        .footer-image span {
            text-align: center;
        }

        .footer-image img {
            display: block;
            width: 100%;
            height: auto;
        }


/* MOBILE */
        @media (max-width: 600px) {

            .page {
                padding: 5px;
            }

            .navigation a {
                padding: 8px 10px;
            }

            .banner {
                height: 140px;
            }

            .banner-text h1 {
                font-size: 28px;
            }

            .content {
                padding: 10px;
            }

        }