* {
				margin: 0;
				padding: 0;
			}
			body {
				font-family: Calibri, cursive;
			}
            .main-nav
            {
                float: right;
                list-style: none;
                margin-top: 30px;
                text-decoration-color: black;
    
            }

            .main-nav li
            {
                display: inline-block;
    
            }

            .main-nav li a
            {
                color: black;
                text-decoration: none;
                padding: 5px 20px;
                font-family: "Roboto", cursive;
                font-size: 15px;
            }



            .main-nav li a:hover
            {
                border: 1px solid skyblue;
            }

            
            .content-section {
                width: 50%;
                margin: 0 auto;
                padding: 15% 0;
                font-family: "Roboto", cursive;
                
            }
            .content-section h1 {
                text-transform: uppercase;
                margin-bottom: 15px;
                font-family: "Roboto", cursive;
            }
            .content-section p {
                font-size: 1.2em;
                color: #333;
                font-family: "Roboto", cursive;
            }
             .content-section {
                width: 50%;
                margin-left: 350px;
                padding: 15% 0;
                font-family: "Roboto", cursive;
            }
            .content-section h1 {
                text-transform: uppercase;
                margin-bottom: 15px;
                margin-left: 0px;
                font-family: "Roboto", cursive;
            }
            .content-section p {
                font-size: 1.2em;
                color: #333;
                font-family: "Roboto", cursive;
            }
            
            .video-section {
                position: relative;
                width: 100%;
                max-height: 550px;
                overflow: hidden;
            }
            #video-elem {
                width: 100%;
            }
            video::-webkit-media-controls {
                display:none !important;
            }
            .video-overlay {
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
                background-color: rgba(255, 255, 255, 0.8);
                opacity: 0;
                transition: opacity 0.3s ease;
            }
            .video-overlay:hover {
                opacity: 1;
            }
            .video-overlay h1 {
                position: absolute;
                left: 50%;
                top: 50%;
                transform: translateX(-50%) translateY(-50%);
                text-transform: uppercase;
                font-size: 3em;
                color: #000;
                text-align: center;
                font-family: "Roboto", cursive;
            }