@import url(https://fonts.googleapis.com/css?family=Raleway);

body {
	display :inline;
	margin:0px;
	font-family: 'Fira Sans', sans-serif;

}

#outer{
	
}
.container {
	
	background-image:url("../images/img16.jpg") ;
	background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
	height:130%;
	width:100%;
	background-size:cover;
	color:black;
	font-size: 3.5vh;
	overflow:hidden;
	right:10px;
	opacity:1;
	position:relative;
}

.1 {
	border-bottom: 4px solid white;
}
	
nav {
	margin:0px;
	heigt:50px;
	background-color:rgba(192,192,192,0.3);
	
	
}

a {
	text-decoration:none;
	display:inline-block;
	text-align:center;
}
#menu {
	hight:50px;
	display:none;	
}
.menu1 {
	hight : 40px;
	widh:150px;
	transition:0.2s;
	color:black;
	font-size:0.80em;
	padding:0px;
	margn-top:10px;
	border-righ:0.5px dotted white;

}

.menu1:hover {
	border-bottom-style:solid;
	border-color:black;
	border-bottom: 4px solid black;

	font-size:0.81em;
	colo:#2C2C2E;
	padding:0 10px;
	box-shadw:7px 7px 15px grey;

	
}

#contactForm {
	display:none;
	position:absolute;
	left:30%;
	top:20%;
}



#line {
	margin-left:20px;
	width:600px;

}

#button1 {
	border-width:150px;
	font-ize:0.5em;
	border:1px solid black;
	border-radius:10px;
	padding:5px;
}



#button1:hover {
	background-color:#35363a;
	border-color:#35363a;
	color:white;
	cursor:pointer;
	box-shadow:7px 7px 10px #35363a;
}
#heading {
	display:none;
	widh:30%;
	text-align:center;
	top:25%;
	left:60%;
	margin-top:-50px;
	position:absolute;
	border-radius: 20px;
	-border-color: rgba(128,128,128,0.5);
	padding : 20px;
	box-shadow:7px 7px 10px #35363a;
	background-color:rgba(192,192,192,0.3);


}

#p1 {
	display:none;
	width:100%;
	font-size:0.75em;
	-text-align:center;
	bottom:0%;
	margin-bottom:10px;
	position:absolute;
	right:0%;
	
}

#mid {
	height:16%;
	width:100%;
	background-color:white;
}

#container2 {
	
	
	background-attachment:fixed;
	background-color:white;
	background-size:cover;
	height:200%;
	width:100%;
	background-size:cover;
	color:white;
	overflow:hidden;
}

#my {
	height:50px;
	width:50px;
	border-radius:50%;	
}
#img {
	
	background--color:rgba(192,192,192,0.1);
	padding:20px;
	-background:url("../images/img23.png");
	position:relative;
	background-attachment: local;
    background-position: center;
    background-repeat: no-repeat;
	background-size: 100% 200px;
}

#img2 {
	position:absolute;
	width:0%;
	height:500px;
	right:0%;
	top:-50%;
}

#outer {
	
	
	background-image:url("../images/img22.jpg") ;
	background-color:black;
	background-attachment: local;
    background-position: center;
    background-repeat: no-repeat;
	background-size:cover;
	
	width:100%;
	height:80%;
	position:relative;
}
#codechef {
	background-color:rgba(192,192,192,0.5);
	border-radius:100%;
	padding:20px 20px;
	background-color:rgba(192,192,192,0.5);
	width :15%;
	height:15%;
	margin:20px 0px;
	box-shadow:7px 7px 10px #35363a;
}

#innercodechef {
	position :absolute;
	top: 50%;
	left:50%;
}

.main {
	position:absolute;	
	padding:10px;
	-left:25%;
	color: black;
	
	background-color:rgba(192,192,192,0.5);
	margin-left:6%;
	margin-top:5px;
	font-size:2.4vh;
	border-radius:20px 20px 0px 20px;
	box-shadow:7px 7px 10px #35363a;

}
.innermain- {
	padding:0px 0px 0px 0px;
	background--color:rgba(192,192,192,0.6);
	font-size: 2.4vh;
	font--family: Times New Roman;
	color:blue;
	border--radius:20px;
	text-align:center;
	padding:20px;
	font--weight:bold;
	
}

.triangle-right - {
	width: 0;
	height: 0;
	border-top: 1.2vh solid transparent;
	border-left: 2.4vh solid #E0E0E0;
	border-bottom: 1.2vh solid transparent;
}

#main2 {
	margin-top:10px;
	width:100%;
	heght:20%;
	position:absolute;
	-top:0%;
	-left:15%;
	font-size: 2.4vh;
	-color: #E0E0E0		;
	color: black	;
	padding:20px 0px;
	
	
	border-color: rgba(128,128,128,0.5);	
}



	
.bg {
	padding:20px 20px;
	background-color:rgba(192,192,192,0.30);
	width :40%;
	margin:20px 0px;
	box-shadow:7px 7px 10px #35363a;

	-padding:0% 10%;

}

.bg2 {
	margin-left:10%;
	border-radius:0px 20px 0px 20px;

}

.bg3 {
	margin-left:15%;
	border-radius:0px 20px 0px 20px;

}

hr {
	color:white;
}
#skills {
	margin:60px;
	position:absolute;
	width:100%;
	-height:20%;
}

#main3 {
	
	width:55%;
	ma=x-width:200%;
	heght:100%;
	position:absolute;
	-top:4%;
	-left:15%;
	font-size: 2.4vh;
	-color:#DCDCDC		;
	color: black	;
	padding:30px 0px;
}


.row2{
	padding:20px 40px;
	position:absolute;
	height:auto;
	top:33.33%;
	left:33.33%;
	box-shadow:7px 7px 10px #35363a;
	background-color:rgba(192,192,192,0.3);
	font-size:2.4vh;
	border-radius:20px 20px 0px 20px;
}
.row3{
	background-color:rgba(192,192,192,0.3);
    border-radius:0px 20px 0px 20px ;
	padding:20px 40px;
	position:absolute;
	left:67%;
	-top:0%;
	box-shadow:7px 7px 10px #35363a;
	
}
.row1 {
    background-color:rgba(192,192,192,0.3);
    border-radius:20px 0px 20px 0px;
	padding:20px 40px;
	position:absolute;
	left:0%;
	-top:0%;
	box-shadow:7px 7px 10px #35363a;
	
}

.row4 {
	background-color:rgba(192,192,192,0.3);
	border-radius:0px 20px 0px 20px;
	padding:20px 40px;
	position:absolute;
	left:33.33%;
	top:110%;
	box-shadow:7px 7px 10px #35363a;

}

#container3 {

	background-color:black;
	color:rgba(255,255,255,0.3);
	
	height:150px;
	width:100%;
	position:relative;
	
}

#copyright {
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-150px;
	margin-top:-20px;
}

.cr {
	color:rgba(255,255,255,0.8);
}


	




























#myimg {
	background-image:url("img3.jpeg");		
	height:420px;
	width:50%;
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	margin-left:50%;
	display:block;
	
}

#con3 {
	background-color:red;
	height:1000px;
}

#coffee {
	height:100%;
	width:25%;
	background-image:url("code.jpg");
}