* {
	margin:0%;
	padding:%0;
	font-family: "Roboto Condensed", sans-serif;
	background-color:#
}

.nav {
	height:400px;
	width:100%;
	background-color:#0358D7;
	display:flex;
}	 
.parent {
	height:380px;
	width:30%;
	background-color:#0358D7;
	margin-left:10%;
	display:flex;
	align-items:center;
} 
.child {
	height:200px;
	width:45%;
	background-color:#0358D7;
	margin-left:10%;
	border-radius:100px;
}
.child:hover {
	box-shadow:4px 4px 20px white;
}
.headingdiv {
	height:380px;
	width:60%;
	background-color:#0358D7;
}
.heading {
	height:100px;
	width:60%;
	background-color:#0358D7;
	margin-top:5%;
}
.headtag {
	font-size:50px;
	text-align:center;
	font-family: "Roboto Condensed", sans-serif;
	font-weight:bold;
	color:white;
}
.info {
	font-size:25px;
	margin-left:3%;
	color:white;
}
.info2 {
	height:70px;
	width:60%;
	background-color:#0358D7;
	margin-top:2%;
}
.learning {
	margin-left:5%;
	font-size:15px;
	color:white;
}
.mail {
	height:40px;
	width:30%;
	background-color:#387FE8;
	margin-top:2%;
	margin-left:3%;
	border-radius:50px;
}
.gmail {
	align-items:center;
	padding-left:3%;
	padding-top:4%;
	color:white;
}
.heading:hover {
	text-shadow:20px 2px 12px black;
}
.parent2 {
	height:430px;
	width:100%;
	background-color:#EFF3F7;
	display:flex;
}
.child2 {
	height:250px;
	width:80%;
	background-color:white;
	margin:auto;
	margin-top:5%;
	display:flex;
	border-radius:20px;
}
.child2:hover {
	box-shadow:4px 4px 12px black;
}
.child3 {
	height:200px;
	width:85%;
	background-color:white;
	margin-left:5%;
	margin-top:2%;

}
.content {
	height:40px;
	width:80%;
	background-color:white;
	display:flex;
}
.content2 {
	height:40px;
	width:80%;
	background-color:#FEFEFF;
	margin-top:5%;
}
.student  {
	
}
.content3 {
	height:40px;
	width:80%;
	background-color:#FEFEFF;
	margin-top:3%;
}
.student2  {
	color:grey;
	font-size:14px;
}	
.content:hover {
	text-shadow:5px 5px 8px black;
}

.front {
	height:100px;
	width:100%;
	background-color:#EFF3F7;
	font-weight:bold;
	font-size:30px;
	display:flex;
	justify-content:center;
	align-items:center;
}
.front:hover {
	text-shadow:4px 4px 6px black;
}
.frontened {
	height:150px;
	width:80%;
	background-color:white;
	margin:auto;
	border-radius:20px;
}
.frontened:hover {
	box-shadow:2px 10px 16px black;
}
.courses {
	font-weight:bold;
	font-size:21px;
	padding-left:3%;
	padding-top:3.5%;
}
.main {
	height:70px;
	width:80%;
	background-color:white;
	margin-left:3%;
	margin-top:1%;
	display:flex;
	color:white;
}
.html {
	height:30px;
	width:8%;
	background-color:#055CDD;
	margin-top:2%;
	border-radius:50px;
	padding-left:2.5%;
	padding-top:1%;
	font-weight:bold;
}
.css {
	height:27px;
	width:7%;
	background-color:#055CDD;
	margin-left:1%;
	margin-top:2%;
	border-radius:50px;
	padding-left:2.5%;
	padding-top:1.2%;
	font-weight:bold;
}
.html:hover {
	box-shadow:0px 2px 6px blue;
}
.css:hover {
	box-shadow:0px 2px 6px blue;
}
.cmd:hover {
	box-shadow:0px 2px 6px blue;
}
.excel:hover {
	box-shadow:0px 2px 6px blue;
}
.pp:hover {
	box-shadow:0px 2px 6px blue;
}

.parenttt {
	height:200px;
	width:100%;
	background-color:#EFF3F7;
}
.parenttt2 {
	height:230px;
	width:100%;
	background-color:#EFF3F7;
	color:white;
}
.tools {
	height:150px;
	width:80%;
	background-color:white;
	margin:auto;
	border-radius:20px;
}
.tools:hover {
	box-shadow:10px 2px 10px black;
}
.basiccoureses {
	font-weight:bold;
	font-size:21px;
	padding-left:3%;
	padding-top:3.5%;
	color:black;
}
.main2 {
	height:70px;
	width:80%;
	background-color:white;
	margin-left:3%;
	margin-top:1%;
	display:flex;
}
.cmd {
	height:30px;
	width:6.5%;
	background-color:#055CDD;
	margin-top:2%;
	border-radius:50px;
	padding-left:2%;
	padding-top:1.5%;
	font-weight:bold;
}
.excel {
	height:30px;
	width:8%;
	background-color:#055CDD;
	margin-top:2%;
	margin-left:1%;
	border-radius:50px;
	padding-left:2%;
	padding-top:1.3%;
	font-weight:bold;
}
.pp {
	height:30px;
	width:14%;
	background-color:#055CDD;
	margin-top:2%;
	margin-left:1%;
	border-radius:50px;
	padding-left:2%;
	padding-top:1.5%;
	font-weight:bold;
}
.featured {
	height:110px;
	width:100%;
	background-color:#EFF3F7;
}
.featured2 {
	height:70px;
	width:100%;
	background-color:#EFF3F7;
	display:flex;
	font-weight:bold;
	font-size:35px;
	justify-content:center;
	align-items:center;
}
.featured2:hover {
	text-shadow:2px 2px 6px black;
}
.empty{
	height:20px;
	width:100%;
	background-color:#EFF3F7;
}
.parentsss {
	height:400px;
	width:100%;
	background-color:#EFF3F7;
}
.childss {
	height:270px;
	width:85%;
	background-color:#EFF3F7;
	margin:auto;
	border-radius:20px;
	border:2px dashed grey;
	display:flex;
	justify-content:center;
	align-items:center;
	color:grey;
	flex-direction:column;
}
.noproject {
	
}
.projectdis {
	
}
.milestone {
	height:70px;
	width:100%;
	background-color:#EFF3F7;
	display:flex;
	font-weight:bold;
	font-size:35px;
	justify-content:center;
	align-items:center;
}
.milestone:hover {
	text-shadow:2px 2px 8px black;
}
.mainnn5 {
	height:250px;
	width:100%;
	background-color:#EFF3F7;
	display:flex;
	justify-content:center;
	align-items:center;
	
}
.computing {
	height:120px;
	width:40%;
	background-color:white;
	margin-top:2%;
	border-radius:10px;
	box-shadow:-4px 0px 0px blue;
}
.computing:hover {
	box-shadow:0px 4px 10px blue;
}
.htmlskills:hover {
	box-shadow:0px 4px 10px blue;
}
.htmlskills {
	height:120px;
	width:40%;
	background-color:white;
	margin-top:2%;
	border-radius:10px;
	margin-left:2%;
	box-shadow:-4px 0px 0px blue;
}
.hadingsss {
	font-size:20px;
	padding-top:5%;
	padding-left:3%;
}
.aboutknow {
	padding-left:3%;
	color:grey;
	padding-top:3%;
	font-size:16px;
}
.fotercontent {
	height:600px;
	width:100%;
	background-color:#0256D4;
	display:flex;
	align-items:center;
	justify-content:center;
}
.worktogether {
	height:450px;
	width:65%;
	background-color:white;
	border-radius:20px;
	align-items:center;
	justify-content:center;
	text-align:center;
}	
.letswork {
	margin-top:5%;
	font-size:40px;
}
.collabrate {
	margin-top:4%;
	color:grey;
	font-size:18px;
}
.sendmail {
	height:40px;
	width:20%;
	background-color:blue;
	border-radius:10px;
	margin:auto;
	margin-top:5%;
	color:white;
	padding-top:2.5%;
	font-weight:bold;
}
.empty2 {
	height:1px;
	width:90%;
	background-color:grey;
	margin-top:5%;
	margin-left:5%;
}
.trained {
	margin-top:5%;
	font-size:14px;
}
.footermain {
	height:300px;
	width:100%;
	background-color:#111827;
}
.footermain2 {
	height:95px;
	width:85%;
	background-color:#111827;
	margin:auto;
	display:flex;
}
.profile {
	height:60px;
	width:5%;
	background-color:#111827;
	border-radius:70px;
	margin-top:3%;
}
.name {
	margin-top:4%;
	margin-left:1%;
}
.empty3 {
	height:55px;
	width:57%;
	background-color:#111827;
}
.intouch {
	height:55px;
	width:21%;
	background-color:#111827;
	color:grey;
	margin-top:3.5%;
}
.studdent {
	height:20px;
	width:85%;
	background-color:#111827;
	margin:auto;
	margin-top:1%;
	font-weight:bold;
	font-size:15px;
	color:grey
}
.empty4 {
	height:1px;
	width:85%;
	background-color:grey;
	margin:auto;
	margin-top:5%;
}	
.last {
	height:40px;
	width:85%;
	background-color:#111827;
	margin:auto;
	margin-top:2%;
	font-size:12px;
	color:grey;
}