@charset "utf-8";
a.act:hover,
a.act:active {
	color:blueviolet;
}
	.img{
		height: 20px;
		width: 20px;
		margin-left: 170px;
		margin-top: 5px;
		
	}
	.font{
		color: white;
		font-size: 15px;
		
	}
	
	.bg{background:  radial-gradient(#c689d6,#f8f4f9);}
	.logo{
		height:55px;
		width: 55px;
		margin: 10px;
		
	}
	.bar{
		margin-left: 50px;
	}
	.per{
		height: 115px;
		width: 50%;
		margin-top: 5px;
	}
	
	.f:hover{color:darkviolet;
		}
	.butt:hover{background-color:violet;
		margin-left: 10px;
		color:white;
	}
	.zoom {
   
   
    transition: transform .2s;
    width: 200px;
    height: 200px;
    margin: 0 auto;
		
}
	.zoom:hover {
   
    transform: scale(1.5); 
	
}
	#im{
		height: 457px;
		width: 398px;
	}
	.l{height: 100px;width: 50%;}
	#mar{
		margin-top: 2px;
	}
	#background{
		background:  linear-gradient( violet ,black );
		height:40px;
}
	#nav{
		margin-left:465px;
}
	.imgs{
		margin-top: 5px;
		margin-left: 10px;
}
	.bacg{
		background-color: white;
		margin-left: 10px; 
		margin-top: 5px;
}
	.h5{
		color: darkviolet;
		margin-left: 10px
}
	.fon{
		margin-left: 30px
}
	#radial{
		background:radial-gradient(violet,white);
		margin-left: 10px;
		margin-top: 30px;
}