html, body {
            height: 100%;
            margin: 0;
            overflow-x: hidden;
        }
        
        .full-screen-section {
            height: 100vh;
            width: 100vw;
            position: fixed;
            top: 0;
            left: 0;
            display: none;
            overflow-y: auto;
            padding-top: 60px;
        }
        
        #home {
            display: block;
        }
        
        .video-background {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            overflow: hidden;
            z-index: -1; /* to keep it behind content */
        }

        .video-background video {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        
        .center-nav {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            z-index: 10;
            width: 90%;
        }
        
        .center-nav .nav-link {
            color: white;
            font-size: 1.5rem;
            text-shadow: 0 0 10px rgba(0,0,0,0.7);
            margin: 0 15px;
        }
        
        .top-nav {
            position: fixed;
            top: 0;
            width: 100%;
            z-index: 1000;
            background-color: rgba(0,0,0,0.7);
            display: none;
        }
        
        .section-content {
            color: #000;
            padding: 20px;
            height: calc(100vh - 60px);
            overflow-y: auto;
        }
        
        .show-section {
            display: block !important;
        }