html, body{	color: #32004f;
		background-color: #e2b6ff;
		font-family: 'Titillium Web', sans-serif;
		background-attachment: fixed;
		margin: 0; /* Remove auto margin to prevent shifting */
		height: 100%; /* Ensures full viewport height */
		padding: 0;
		display: flex;
		flex-direction: column; /* Stacks elements vertically */
		
		

}
header{	background-color: #7323A8;
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 10px 20px;
		width: 100vw;
		box-sizing: border-box;
		position: relative; /* Make sure it starts from the edge */
		left: 0; /* Force it to align with the left edge */
		
		
	
}
.content {  
    padding: 0 5%;
	flex-grow: 1; 
	


}
.name{	display: inline-block;
		font-family: "Emblema One", system-ui;
		font-weight: 400;
		font-style: normal;
		margin-left: 15px;
		color: #e2b6ff;
		text-shadow: #32004f 2px 2px;
		text-decoration: none;
		
		
		
		
		
}
.navbar{	 position: absolute;
    left: 50%;
    transform: translateX(-50%);
	
}
.navbar ul{	
		display: flex;
		list-style-type: none;
		gap: 10px;
		margin: 0;
		padding: 0;
		
		
}
.navbar li{		text-align: left;
		display: inline-block;
		
}
.navbar li a{	padding: 8px 16px;
		text-decoration: none;
		color: #e2b6ff;
		border-radius: 25px;
		
		
		
}
.navbar li a:hover{
		background-color: #e50086;
		color: #7323a8;
		border-radius: 25px;
		transition: 0.8s;
		
}
#current-about{
		background-color: #FF5E5B;
		color: #7323a8;
		border-radius: 25px;
		transition: 0.8s;;

	
}
#current-home{
		background-color: #FF5E5B;
		color: #7323a8;
		border-radius: 25px;
		transition: 0.8s;

	
}
#current-gallery{
		background-color: #FF5E5B;
		color: #7323a8;
		border-radius: 25px;
		transition: 0.8s;

	
}
#current-work{
		background-color: #FF5E5B;
		color: #7323a8;
		border-radius: 25px;
		transition: 0.8s;
	
}
.gallery{	
		color: #BF9D5E;
		text-decoration: none;
		
	
}
.gallery:hover{	
		color: #635D8C;
		
}
.float-child1{ 	
		background-color: rgb(128,128,128);
		display: inline-block;
		width: 35%;
		width: 420px;
		padding: 20px;
		clear: right;
		text-align: center;
}
footer{	background-color: #32004f;
		color: #e2b6ff;
		border-radius: 0px;
		text-align: center;
		padding-top: 1px;
		padding-bottom: 1px;
		clear: both;
		margin-top: 10px;
		width: 100vw;
		box-sizing: border-box;
		position: relative;
		
		
		
}
.image-scale{	
		width: 100%;
	
}
img:hover{
		transition: 0.8s;
		transform: scale(1.1, 1.1);
		
}
.float-container{	
		text-align: center;
		
	
}
.float-child1{	box-shadow: 5px 5px 0px #BF9D5E;
	
}
#circle {
		width: 500px;
		height: 500px;
		background-image: url("images/inka.jpg");
		border-radius: 50%;
		background-position: 100% 25%;
	    text-align: center;
	    float: left;
		
		margin-bottom: 10px;
}
#circle2 {
		width: 500px;
		height: 500px;
		background-image: url("images/me.jpeg");
		border-radius: 50%;
		background-position: 100% 25%;
		background-size: 500px 500px;
	    text-align: center;
	    float: right;
		
		margin-bottom: 10px;
}

.parallax2 {
		width: 100%;
		background-image: url("images/vvbanner.jpg");
		min-height: 300px;
		background-attachment: fixed;
		background-position: 100% 25%;
		background-repeat: no-repeat;
		background-size: cover;	
}
.parallax1 {
		width: 100%;
		background-image: url("images/21.jpg");
		min-height: 300px;
		background-attachment: fixed;
		background-position: 100% 25%;
		background-repeat: no-repeat;
		background-size: cover;	
}
#facts{ list-style-type: disc;
	
}
#funfacts{  background-color: rgb(128,128,128);
			text-indent: 10px;
			width: 550px;
			padding-top: 8px;
			padding-bottom: 8px;
			box-shadow: 5px 5px 0px #BF9D5E;
			margin: auto;
			margin-bottom: 10px;
}
#song{		text-align: center;
			padding-top: 10px;
			margin-bottom: 10px;
	
}