@import url('https://fonts.googleapis.com/css?family=Open+Sans|Roboto');
@import url('https://fonts.googleapis.com/css?family=Pacifico');

*{
	box-sizing : border-box ;
	margin : 0px 0px ;
}
body{
	font-family: Open Sans ;
}
p{
	font-size : 1.2em ;
	font-family: Roboto ;
	color : #555555 ;
}
a{
	text-decoration: none ;
}
figure > img{
	border-radius : 71298px ;
	border :15px solid #fff ;
	transform : scale(0.5);
	text-align: center ;
	 
}
.flaticonB{
	margin-top : -250px ;
}
div > img {
	margin : 0 auto ;
	transform : scale(0.4);
}
em{
	text-align: center ;
	color : #ff6200;
}
h1{
	margin : 5px auto ;
}
/*figure:hover {
	transform : scale(1.01) ;
	transition : 1s;
}*/
.title{
	color : #fff;
}
section h1{
	font-size : 2.5em ;
}
div > i {
  font-size : 5em;
	margin : 8px ;
}
#skills i{
	color : #666 ;
}
#skills div{
	padding : 15px ;
}
#achievements i{
	margin-right : 15px ;
}
.text-warning{
	position : relative ;
	left: 10px ;
}
.flaticon{
	margin-top : -350px ;
	transform: scale(0.4) ;
}
header{
	display : flex ;
	flex-wrap : wrap ;
	flex-direction : column ;
	justify-content : center;
	align-content : center ;
	max-height : 120vh ;
	max-width : 100vw ;
	color : #fff ;
	background-color: #000;
	border-bottom : 5px solid #222 ;
	padding-top: 5%;
}
section{
  min-height : 100vh ;
  max-width : 100vw ;
  padding : 100px;
  
}
table{
	font-weight: bold ;
	color : #666666;
}
#aboutme  p {
  color : #fff ;
} 
.container1 {
	display : flex ;
	flex-wrap : wrap ;
	flex-direction: column ;
}
.section-title{
   font-family: Pacifico ;
   text-align : center ;
   margin-bottom: 5% ;
}
section:nth-child(even){
	background-color : #666 ;
	color : #fff ;
	
}
section:nth-child(even)  p{
	color : #fff ;
}
figure{

	border-radius : 20px ;
    transition : 3s ;
    background : #666;
    opacity: 0.9 ;
    background-color: #000 ;
   
}
#achievements{
	min-height: 250vh ;
}
@media screen and (max-width : 1300px){
	body{
		margin : 0px ;
	}
	figure{
		margin-top : 40px;
		align-self: center ;
		border-bottom-color: #222 ;
		background :#000 ;
	}
	figure > img {
		border : 5px solid #fff ;
		margin-top : -180px ;
	} 
	.flaticon{
		margin-top : -280px ;
	}
	.flaticonB{
		margin-top : -180px ;
	}
	.title{
		padding-top : 35px ;
		align-self : center ;
		transform : scale(0.8);
	}
	
	div > img {
		transform : scale(0.4);
	}
	div > img + span {
        display : none ;
	}
	header{

		margin-top : 0px ;
		padding-top : 50px ;
		max-height:160vh;
	}
}
@media screen and (max-width : 990px){

	img{
		transform : scale(0.5);
	}	
	.flaticon{
		margin-top : -180px;
	}
	.flaticonB{
		margin-top : -130px ;
	}
	figure{
		display : none ;
	}
	#aboutme{
		min-height : 130vh ;
		border-radius : 0px ;
	}
}
@media screen and (max-width :738px){
	
	
    .flaticon{
    	margin-top: -40px ;
    }
    .flaticonB{
		margin-top : -40px ;
	}
	.title{
		transform : scale(0.7);
	}
	
}
@media screen and (max-width :640px){
	
	#skills div{
	padding : 5px ;
   }
     div > i{
	  font-size : 2em;
	  margin : 4px ;
    }
    section{
     padding : 100px 40px ;
     }
     section h1{
	font-size : 1.5em ;
     }
     div > img {
	  margin : 0 auto ;
	  transform : scale(0.35);
    }
    p{
    	font-size : 1em ;
    }
    h3{
    	font-size : 1em ;
    }
}
@media screen and (max-width : 490px ){

    div > img {
    	margin-top : -100px ;
    	border-radius: 5% ;
    }
    table{
    	font-size: 0.75em ;
    }
	
	footer{
		font-size : 0.8em;
	}
	.title > h1{
       font-size : 1.8em;
	}
	body{
		overflow-x: hidden ;
	}
	
}