framework-styles.css

            body {
                margin: 0;
                padding: 0;
                overflow: hidden;
                height: 100%;
                max-height: 100%;
                font-family: Sans-serif;
                line-height: 1.5em;
            }

            #header {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 80px;
                overflow: hidden; /* Disables scrollbars on the navigation frame. To enable scrollbars, change "hidden" to "scroll" */
                background: #123456;
            }

            #logo img {
                padding: 10px;
                float: left;
                height: 60px;
            }

            #badge {
                padding: 10px 20px;
                float: left;
            }

            main {
                position: fixed;
                top: 100px; /* Set this to the height of the header */
                left: 0;
                right: 0;
                bottom: 0;
                overflow: auto;
                background: #fff;
            }

            .innertube {
                margin: 25px; /* Provides padding for the content */
            }
            h1 {
                text-align: center;
            }
            p {
                color: #555;
                padding-left: 25px;
                text-align: justify;
            }

            a {
                color: #e91a1a;
                font-weight: 900;
                text-transform: uppercase;
                text-decoration: wavy;
                font-size: 12px;
                border-radius: 5px;
            }

            /* Menu */
            nav {
                margin: 0 auto;
                padding: 0;
                float: right;
            }
            nav ul {
                list-style: none;
                padding: 0;
                float: left;
            }
            nav ul li {
                margin: 0;
                padding: 0 0 0 8px;
                float: left;
            }
            nav ul li a {
                display: block;
                margin: 0;
                padding: 5px 10px;
                color: #fedc69;
                text-decoration: none;
                text-transform: uppercase;
            }
            nav ul li.active a,
            #top-nav ul li a:hover {
                color: #d3d3f9;
            }

            /*IE6 fix*/
            * html body {
                padding: 100px 0 0 0; /* Set the first value to the height of the header */
            }

            * html main {
                height: 100%;
                width: 100%;
            }

            /* Optional: Style your lightbox iframe */
            .button-container {
                display: flex;
                align-items: center; /* Vertically center content */
                justify-content: center; /* Horizontally center content */
            }

            button.open-lightbox {
                margin: 10px;
                padding: 10px 20px;
                background-color: #007bff;
                color: #fff;
                border: none;
                border-radius: 5px;
                cursor: pointer;
            }

            button.open-lightbox:hover {
                background-color: #0056b3;
            }

            .lightbox-overlay {
                display: none;
                position: fixed;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background: rgba(0, 0, 0, 0.8);
                z-index: 1000;
            }

            .lightbox-content {
                display: none;
                position: fixed;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                background: #fff;
                padding: 20px;
                border-radius: 5px;
                box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
                z-index: 1001;
                width: 80%;
                height: 80%;
            }

            .lightbox-content iframe {
                width: 100%;
                height: 100%;
                border: none;
            }

            .close-lightbox {
                position: absolute;
                top: 10px;
                right: 10px;
                font-size: 24px;
                cursor: pointer;
            }

            .close-lightbox:hover {
                color: red;
            }