#banner{
			background:linear-gradient(
				to bottom,
				white,
				lightblue 40%,
				lightblue 45%,
				white 50%,
				lightblue 55%,
				lightblue 60%,
				white 100%
			);
		}
		#menuIcon{
			width: 4%; 
			border-radius: 5px; 
			background: linear-gradient(
				to bottom, 
				black, black 20%, 
				lightgray 20%, lightgray 40%, 
				black 40%, black 60%, 
				lightgray 60%, lightgray 80%, 
				black 80%, black 100%
			);
			visibility: hidden;
		}
		#slidingTextArea{
			width: 100%; 
			height: 20px; 
			overflow:hidden;
		}
		#slidingText{
			left: 25%; 
			height:20px;
			white-space:nowrap;
		}
		#expandingIconContainer{
			width: 50px;
		}
		#expandingIcon{
			position: absolute; 
			width: 0px; 
			white-space: nowrap;
		}
		#skillSetHead{
			text-align: center; 
			overflow: hidden; 
		}
		#pastExperianceHead{
			text-align: center; 
			overflow: hidden;
		}
		#educationSummaryHead{
			text-align: center; 
			overflow: hidden;
		}
		#UOPHead{
			text-align: center; 
			overflow: hidden;
		}
		#BSIHead{
			text-align: center; 
			overflow: hidden;
		}
		#grayedScreen{
			position: fixed;
			top: 0px;
			left: 0px;
			width: 100%;
			height: 100%;
			visibility: hidden;
			background: gray;
			opacity: 0.5;
			filter: alpha(opacity=25);
		}
		#loadableAreaContainer{
			position: fixed;
			overflow: hidden;
			border: 1px solid; 
			width: 80%;
			height: 80%;
			top: 10%;
			left: 10%;
			visibility: hidden;
			border-radius: 20px;
			background: white;
			z-index:6;
		}
		#loadableArea{
			position: relative; 
			overflow-x: hidden; 
			overflow-y: scroll; 
			height: 100%;
		}
		#slidingMenu{
			border: 10px solid green; 
			position: fixed; 
			width: 30%; 
			min-width: 300px; 
			height: 100%; 
			top: 0px; 
			left: 0px; 
			z-index: 6;
		}
		
		.pageSpace{
			position: relative; 
			width: 100%; 
			overflow: hidden; 
		}
		.containerSpace{
			position: absolute; 
			overflow: hidden; 
		}
		.contentSpace{
			position: absolute; 
			text-align: center; 
		}
		.contentContainerSpace{
			position: absolute; 
			overflow: hidden; 
			width: 19%; 
			border: 1px solid; 
			border-radius: 25px; 
		}
		.contentContainerBody{
			position:relative; 
			top: 0px; 
			background: linear-gradient(
				to bottom, white, lightblue 100%
			); 
		}
		
		.expanded{height: auto !important;}
		.visible{visibility: visible !important;}
		.arrow-down {width: 0%; border-left: 25px solid transparent; border-right: 25px solid transparent; border-top: 10px solid black;}
		.arrow-up {width: 0%; border-left: 25px solid transparent; border-right: 25px solid transparent; border-bottom: 10px solid black;}
	
		p {
			font-size: 16px; /* Adjust the font size as needed */
			line-height: 1.5; /* Adjust the line height for readability */
			margin-bottom: 20px; /* Adjust the margin at the bottom of each paragraph */
		}
		h3 {
			text-align: center;
		}