body{
	font-family: Lucida Console, Monaco, monospace;
	height:100%;
	overflow:hidden;
}
body a{
	text-decoration:none;
	color: black;
}
.wrapper{
	position:relative;
	height:100vh;
	width:100vw;
}

#sidebar{
	width:auto%;
	top:5%;
	position:fixed;
	left:3%;
}
#content{
	width:87%;
	position:absolute;
	right:0%;
	text-align: right;
	line-height:150%;
	height:400vh;
}
#content p{
	text-indent:45px;
	text-align:justify;
}

#home{
	position:relative;
	height:100vh;
	top: 0vh;
}
#name{
	position:absolute;
	margin: auto;
	font-size: 40px;
	right:20%;
	top:50%;
}

#about{
	position:relative;
	height:100vh;
}
#details{
	position:absolute;
	top:35%;
	right:20%;
}

#portfolio{
	position:relative;
	height:100vh;
	overflow-y:scroll;
}

.project{
	position:relative;
	min-height:50%;
	width:100%;
}
.leftheader{
	position:absolute;
	text-align: left;
	left:10%;
	height:12%;
	margin-bottom:0;
	margin-top:0;
}
.leftimg{
	position:absolute;
	left:10%;
	top: 12%;
	width:25%;
	height:auto;
	cursor:pointer;
}
.leftpara{
	position:absolute;
	text-align: left;
	top: 12%;
	left: 37%;
	width:45%;
}
.rightheader{
	position:absolute;
	text-align: right;
	right:10%;
	height:12%;
	margin-bottom:0;
	margin-top:0;
}
.rightimg{
	position:absolute;
	right:10%;
	width:25%;
	height:auto;
	top:12%;
	cursor:pointer;
}
.rightpara{
	position:absolute;
	text-align:justify;
	width:45%;
	right: 37%;
	top:12%;
}
#gallery{
	position:relative;
	height:100vh;
	width:100%;
}

.projgallery{
	position:absolute;
	width:90%;
	height:70%;
	margin-left:5%;
	margin-right:5%;
	top:20%;
}
#gallerybanner{
	position:relative;
	height:10%;
	top:15%;
	width:100%;
}
.projbanner{
	text-indent:0 !important;
	position:absolute;
	display:inline-block;
	white-space:nowrap;
	margin-top:0;
	margin-bottom:0;
	padding-left:.5em;
	padding-right:.5em;
	left:0;
	cursor:pointer;
}
.focus{
	position:absolute;
	width:60%;
	height:100%;
	top:0;
	right:30%;
}
.focus img{
	position:absolute;
	top:45%;
	right:50%;
	transform:translate(50%,-50%);
	margin-left:auto;
	margin-right:auto;
	max-width:90%;
	max-height:80%;
	height:auto;
	width:auto;
}
.focus p{
	position:absolute;
	text-align:center !important;
	bottom:5%;
	margin-bottom:0;
	margin-top:0;
	transform:translate(0,50%);
	width:100%;
}
.thumbnail{
	position: absolute;
	border-color:#D0D0D0;
	border-style:solid;
	top:0%;
	height:100%;
	width:10%;
	right:15%;
}
.thumbnail img{
	position:absolute;
	right:50%;
	width:auto;
	max-width: 90%;
	height:auto;
	max-height:12%;
	margin-top:auto;
	margin-bottom:auto;
	transform:translate(50%,0);
	cursor:pointer;
}
#rsme{
	position:relative;
	height:100vh;
	overflow-y:scroll;
}
#redactedimg{
	display:block;
	margin-left:auto;
	margin-right:auto;
	background-color:white;
}


@keyframes text-rise{
	from {transform:translate(0,100%);}
	to {transform:translate(0,0);}
}
.tab{
	font-size:18px;
	height:1em;
	margin-top:.5em;
	overflow: hidden;
}
.tab p{
	margin-top: 0;
	margin-bottom: 0;
	line-height:1;
}