index.css

/* #profileImg{
display: flex;
justify-content:space-between;
} */
#click{
	background-color: #26a5d3;
}
#click:hover{

	color: rgba(214, 3, 3, 0.945);
	
	/* background-color: red; */
}
/* #nab{
	background-image: url("data:image/jpeg;base64,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");
} */
.projects{
	text-decoration:none;
	background-color:rgb(255, 255, 255);
	color: rgb(0, 0, 0);
	font-size : 30px;
	border:none;
	
}
.projects:hover{
	text-decoration:none;
	background-color:teal;
	color: rgb(248, 0, 0);
	font-size : 30px;
	border:none;
}
.btn {
	/* background-color: DodgerBlue; */
	border: none;
	color: white;
	padding: 12px 30px;
	cursor: pointer;
	font-size: 20px;
  }

  .mail{
	  font-size: 30px;
	  text-decoration: none;
	color: white;
	letter-spacing:2px;
  }
  .mail:hover{
	 /* color: rgba(36, 114, 97, 0.768); */
	 color: red;
  }
  /* Darker background on mouse-over */
  .btn:hover {
	/* background-color: RoyalBlue; */
	color: red;
  }

#blinkit{
	font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
	/* font-weight: bold; */
	color: rgb(255, 255, 255);
	font-size : 20px;
}
#blinkit1{
	font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
	/* font-weight: bold; */
	font-size: 20px;
	color: rgb(255, 255, 255);
}
#greeting{


	/* font-family: 'Tangerine', cursive; */
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing: 2px;
	/* font-weight: bold; */
	font-size: 50px;
	color: white;
	opacity: 0.9;
	/* background-color: rgb(5, 187, 233); */
	/* font-family: 'Marck Script', cursive; */
	text-align: center;

}
#greeting1{
	font-family:sans-serif;
	letter-spacing: 2px;
	/* font-weight: bold; */
	font-size: 35px;
	color:rgb(5, 187, 233);
	/* font-family: 'Marck Script', cursive; */
	text-align: center;
	row-gap: 0;
	color: white;
	opacity: 0.9;
	/* background-color: rgb(5, 187, 233); */
}
/* #greeting2{
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing: 2px;
	font-weight: bold;
	font-size: 20px;
	color: rgb(136, 238, 19);
	/* font-family: 'Marck Script', cursive; */
/*	text-align: center;
} */
#subGreeting{

	font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
	letter-spacing: 1px;
	/* font-weight: bold; */
	font-size: 40px;
	color: rgb(5, 187, 233);
	color: white;
	opacity: 0.9;
	/* background-color: rgb(5, 187, 233); */
}
#home{
	font-size: 18px;
	margin-top: 20px;
	text-align: left;
}
#profilePic{
	/* margin-top: 100px; */
	width: 240px;
   margin-left:  100px;
	height:240px;
	border: .5px solid teal;
	border-radius: 150px;
}

html{
	width:100%;
	height:100%;
  overflow-x: hidden;
  
}

body{
	width:100%;
	height:100%;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	color:#333333;
	background-color:#f4f4f4;;
  
}



h1, h2, h3, h4, h5, h6{
	margin: 0 0 35px;
	text-transform:uppercase;
	font-family: "Montserrat","Helvetica Neue",Helvetica,Arial,sans-serif;
	letter-spacing:1px;
}

p{
	margin: 0 0 25px;
	font-size:18px;
	line-height:1.6em;
}

a{
	color:#26a5d3;;

}

a:hover,a:focus{
	text-decoration:none;
	color: darken(#26a5d3, 20%);
}


/* Navigation */

 .navbar {
    margin-bottom: 0;
    border-bottom: 1px solid rgba(255,255,255,0.3);
    text-transform: uppercase;
    font-family: "Montserrat","Helvetica Neue",Helvetica,Arial,sans-serif;
    background-color: dark;
   float: right;
   
}

.navbar-brand {
    font-weight: 700;
}

.navbar-brand:focus {
    outline: none;
}

.navbar-custom a {
    color: #f4f4f4;;
}

.navbar-custom .nav li a {
    -webkit-transition: background .3s ease-in-out;
    -moz-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
}

.navbar-custom .nav li a:focus {
  outline: none;
  background-color: rgba(255,255,255, 0);
  
}

.navbar-custom .nav li a:hover,
.navbar-custom .nav li.active
{
    outline: none;
    background-color: teal;
	
	color: whitesmoke;
	
}


.navbar-toggle {
    padding: 6px 6px;
    font-size: 16px;
    color: #f4f4f4;;
    border: 1px solid white;
    
}

.icon-bar {
  background-color: #f4f4f4;;
}

.navbar-toggle:focus,
.navbar-toggle:active {
    outline: none;
}

@media(min-width:767px) {
    .navbar {
        padding: 20px 0;
        border-bottom: none;
        letter-spacing: 1px;
        background: transparent;
        -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
        -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
        transition: background .5s ease-in-out,padding .5s ease-in-out;
    }

    .top-nav-collapse {
        padding: 0;
        background-color: #333333;
    }

    .navbar-custom.top-nav-collapse {
        border-bottom: 1px solid rgba(255,255,255,0.3);
    }
}


/* // Landing Page */

.intro{
	display:table;
	width:100%;
	height: 100%;
	padding:100px 0;
	text-align:center;
	color:#f4f4f4;;
	background: url("http://lh6.ggpht.com/qORV3CngCVF4O_RTmFeaw0uIjZ0RUA7SrI3Pk_UdhRhE657xto9dINqYX8gC9Qz880WjPFfESIi8y96i8g=s620") no-repeat center center scroll;
	background-color:#333333;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
 
}

.intro-body{
	display:table-cell;
	vertical-align:middle;
}

.main-heading h1 {
  font-size: 40px;
  
}

.intro-text{
	font-size:18px;
}

@media(min-width:767px) {
	.intro{
		height:100%;
		padding:0;
	}

	.brand-heading{
		font-size:55px !important;
	}

	.intro-text{
		font-size:25px;
	}
}

.arrow {
  position: relative;
  top: 100px;
  color: #f4f4f4;;
}
/* // Tools Section */

.content-section{
	padding: 70px 0 10px 0;
}

/* // Icon Blocks */



.who-section{
	width:100%;
	padding:50px 0;
	color:#f4f4f4;;
	background-color:#333333;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
}

@media(min-width:767px) {
	.who-section{
		padding:     0;
	}
}


/* // Projects Section */

#clients{
	text-align:center;
	padding:60px 0 60px;
}

img {
	width: 100%;
  height: 100%;
  min-width: 120px;  

  
}
figure {
	margin: 0 auto;
	padding: 0;
	height: 300px;
	position: relative;
	display: block;
	cursor: pointer;
	overflow: hidden;
    border: 3px solid #fff;
  margin-bottom: 20px;
  max-width: 90%;
  
}

figure:hover figcaption {
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	filter: alpha(opacity=100);
	opacity: 1;
	top: 0;
}

figcaption {
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	filter: alpha(opacity=0);
	opacity: 0;
	position: absolute;
	height: 100%;
	width: 100%;
	background: rgba(51,51,51,.9);
	color: #fff;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	-ms-transition: all .2s ease;
	transition: all .2s ease;
	-webkit-transition-delay: .2s;
	-moz-transition-delay: .2s;
	-o-transition-delay: .2s;
	-ms-transition-delay: .2s;
	transition-delay: .2s;
}

figcaption h3 {
	font-family: 'Open sans';
	font-weight: 400;
	color: #f4f4f4;;
	padding: 10px 20px;
	margin-bottom: 0;
	position: relative;
	righ: 100%;
	margin-top: 37px;
	font-size: 30px;
}

figcaption p {
	font-family: 'Open sans';
	padding: 10px 20px;
	margin-bottom: 0;
	margin-top: 20px;
	position: relative;
	left: 100%;
	font-size: 13px;
}

figure:hover h3,figure:hover p {
	left: 0;
}

figcaption a {
	color: #fff;
	border: 2px solid #fff;
	padding: 4px 10px;
	text-decoration: none;
}

figcaption a:hover {
	color: #4f5856;
	background: #fff;
  
}





/* // Contact Section */

#contact{
	background:#333333;
	color:#f4f4f4;;
	padding-bottom:80px;
}
  li {
    margin: 20px;
  }


/* 
// Footer Section */
footer{
	margin-top:10px;
	padding-top:30px;
	height:80px;
	text-align:center;
}

.page-scroll{
	-webkit-transition-property: -webkit-transform;
	-webkit-transition-duration: 1s;
	-moz-transition-property: -webkit-transform;
	-moz-transition-duration: 1s;
}