@charset "utf-8";
/* CSS Document */
body {
	background-image: url("image/blue.png");
    background-attachment: scroll;
	font-family:Inter;
	margin: auto;
	padding: 20px;
	display: block;
	height:1440px;
	width: 1024px;
	font-size: 150%;
}
.profile-image img{
	height:auto;
	width:400px;
	left:60px;
	top:16px;
	box-sizing: border-box;
	display: inline-block;
	position: absolute;
}
.profile-info{
	font-size: 40px;
	width:700px;
	box-sizing: border-box;
	display: inline-block;
	padding:20px;
	line-height: 80%;
	margin-left: 200px;
	

}

.profile-info p{
	margin: 0px;
}
.header{
	height: 320px
}
.about-me p{
	margin-top: 0px;
		margin-bottom: 10px
}
.profile-info h1{ 
font-family:Ibarra Real Nova;
}
.profile {
	font-style: italic
}
.phone{
	height:70px;
	width:70px;
}
.email{
	height:70px;
	width:65px;
}
.insta{
	height:70px;
	width:70px;
}
.fb{
	height:70px;
	width:70px;
}
.contact{
	width:40%;
}
.contact h2{
	margin-top: 0px
}
.education{
	width:60%;
	float: right;
}

.about{
	font-size: 40px;
}
.allskill{
	width:  40%;
}

.all{
	width: 60%;
	float: right;
}
.art{
	height:120px;
	width:100px;
}
.music{
	height:120px;
	width:100px;
}
.movie{
	height:120px;
	width:100px;
}
.dr{
	font-size: 25px;
}
.mu{
	font-size: 25px;
		padding: 50px;
}
.mo{
	font-size: 25px;
	padding:20px;
}
.education h2{
	margin-top: 5px;
}
.all h2{
	margin-top: 5px;
}
.ai{
	height:100px;
	width:100px;
}
.ps{
	height:100px;
	width:100px;
}
.id{
	height:100px;
	width:110px;
}
.pr{
	height:100px;
	width:100px;
}
.ae{
	height:100px;
	width:100px;
}
.dw{
	height:90px;
	width:90px;
}
.a{
	font-size: 20px;
}
.b{
	font-size: 20px;
}
.c{
	font-size: 20px;
}
.d{
	font-size: 20px;
}
.e{
	font-size: 20px;
}
.f{
	font-size: 20px;
}
.light{
	height:70px;
	width:70px;
}
.chat{
	height:70px;
	width:70px;
}
.time{
		height:65px;
	width:70px;
}
.languages h2{
	margin-bottom: 10px;
}
.fullstop{
	height:50px;
	width:200px;
}

@media only screen and (max-width:996px) {
	
	body {
	background-image: url("image/blue.png");
    background-attachment: scroll;
	font-family:Inter;
	margin: auto;
	padding: 20px;
	display: block;
	height:1440px;
	width: 1024px;
	font-size: 150%;
}
.profile-image img{
	height:auto;
	width:400px;
	left:60px;
	top:16px;
	box-sizing: border-box;
	display: inline-block;
	position: absolute;
}
.profile-info{
	font-size: 40px;
	width:700px;
	box-sizing: border-box;
	display: inline-block;
	padding:20px;
	line-height: 80%;
	margin-left: 500px;
	

}

.profile-info p{
	margin: 0px;
}
.header{
	height: 320px
}
.about-me p{
	margin-top: 0px;
		margin-bottom: 10px
}
.profile-info h1{ 
font-family:Ibarra Real Nova;
}
.profile {
	font-style: italic
}
.phone{
	height:70px;
	width:70px;
}
.email{
	height:70px;
	width:65px;
}
.insta{
	height:70px;
	width:70px;
}
.fb{
	height:70px;
	width:70px;
}
.contact{
	width:40%;
}
.contact h2{
	margin-top: 0px
}
.education{
	width:60%;
	float: right;
}

.about{
	font-size: 40px;
}
.allskill{
	width:  40%;
}

.all{
	width: 60%;
	float: right;
}
.art{
	height:120px;
	width:100px;
}
.music{
	height:120px;
	width:100px;
}
.movie{
	height:120px;
	width:100px;
}
.dr{
	font-size: 25px;
}
.mu{
	font-size: 25px;
		padding: 50px;
}
.mo{
	font-size: 25px;
	padding:20px;
}
.education h2{
	margin-top: 5px;
}
.all h2{
	margin-top: 5px;
}
.ai{
	height:100px;
	width:100px;
}
.ps{
	height:100px;
	width:100px;
}
.id{
	height:100px;
	width:110px;
}
.pr{
	height:100px;
	width:100px;
}
.ae{
	height:100px;
	width:100px;
}
.dw{
	height:90px;
	width:90px;
}
.a{
	font-size: 20px;
}
.b{
	font-size: 20px;
}
.c{
	font-size: 20px;
}
.d{
	font-size: 20px;
}
.e{
	font-size: 20px;
}
.f{
	font-size: 20px;
}
.light{
	height:70px;
	width:70px;
}
.chat{
	height:70px;
	width:70px;
}
.time{
		height:65px;
	width:70px;
}
.languages h2{
	margin-bottom: 10px;
}
.fullstop{
	height:50px;
	width:200px;
}
}