body {
	font-family: Arial, sans-serif;
	margin: 0;
	padding: 0;
}
header {
	background-color:
    ;background-image:url(https://wallpaperta.com/wallpaper/full/4/8/2/191475-large-background-gradient-1920x1080.jpg);
	background-origin: border-box;background-repeat: no-repeat;
    color: #fff;
	padding: 1em;}




section {
	padding: 1em;
}
footer {
	background-color: 3;
	color:;
	padding: 1em;
	text-align: center;}
.h1 {font-family:inherit;margin-left:45px;}
body {background-image:url(https://i2.wp.com/wallpapercave.com/wp/tmx6W6N.png?w=800&resize=800);
background-size:cover;}
.content{margin-top:250px;margin-left:45px;}
	
 .items {  margin-left:250PX; margin-top:-43px; 


 }

.work
{color: #fff;text-decoration: none;margin-right: 10px;margin-top: -18px
	;float:left


}
	
.contact
{list-style-type:none;color: #fff;margin-top:-18px;
	;text-decoration: none;float: left;}

.home
{color: #fff;margin-left:10px;margin-top:-18px;float: left;text-decoration: none;}   

.about{list-style-type:none;color: #fff;float:left;margin-left:10px;margin-top:-18px;
	text-decoration:none}

.hello{color:#fff;font-size:65px;margin-left:270px
;font-family: 'Brush Script MT',cursive;margin-top:;position:center;}

.h3{margin-left:200px;font-family:inherit;margin-top:10px;font-size:42px;color:#fff;
float: left;font-weight:500;line-height: 1.2;box-sizing:border-box;display: block}
.h6{color:grey;float:left;margin-left:-430px;font-size:15px;margin-bottom:1rem
;margin-top:70px;}
.aboutme{float:left;margin-left:-700px;font-size:50px;margin-top:600px;}

.pic{background-image:url(https://onaircode.com/wp-content/uploads/2017/11/CSS-Gradient-Example.jpg);
width:120%;
height:340px;
background-repeat:no-repeat;margin-top:600px;background-size: cover;}
.pic2{background-image: url(https://malayoravarthakal.com/wp-content/uploads/2023/05/html_css_javascript_infographic.png);
box-sizing:border-box; width:45%;height:348px; background-repeat: no-repeat;background-size:contain
;margin-left:350px
;margin-top:-350px;width:350px;background-position:center ;

}

.pic3{background-image:url(https://th.bing.com/th/id/OIP.xVAzD5lM7hg-LZBTrX-KnwHaE8?rs=1&pid=ImgDetMain);
width:20%;
height:230px;
background-size:contain;
box-sizing: content-box;
background-repeat:no-repeat;
margin-top:-335px;
padding:48px;
margin-left:15px;
background-position: left center;}
.pic4{background-image:url(https://kinsta.com/wp-content/uploads/2020/08/html-vs-css.png);
width:30%;
height:50vh;
box-sizing: content-box;
background-position:right center bottom;
background-repeat: no-repeat;
background-size: contain;
margin-left: 710px;margin-top:-270px;
padding: 10px;  padding-top:-4px;}
.transition-image-1{background-image: url(https://joserocha.net/assets/Gudvangen.jpg);
    min-height: 400px;
    border-top: 3px solid #0000
    border-bottom: 3px solid  }
	.transition-image-1{ 

		position: relative;
		opacity: .65;
		background-attachment: fixed;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover
		;}
.pic5{width:100%;height:100vh;background-image:url(https://static.vecteezy.com/system/resources/previews/000/543/813/original/white-abstract-background-vector.jpg);background-repeat:no-repeat;}

	 

.byme{position:center;color:#fff; ;
	;margin-top:-102px;box-sizing:content-box 
	;font-family:'Helvetica',Sans-serif;font-size:20PX
	;background-clip: content-box;background-repeat: no-repeat;padding-right:4;border-right:0px}
	
.allpic{margin-top:-300px ;}

	.abme{margin-left: 50px;font-size: 60px;color:cornflowerblue;margin-top:-500px;}


	.ab2{font-size:20px;width:px;position:center;margin-left:35px;
	
	}
	
	.work:hover{color:orange}
	.contact:hover{color:orange}
	.home:hover{color:orange ;}
	.about:hover{color:orange}
	



.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin-bottom: .5rem;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.2;}