body{
	
	background-image: url("asanoha.png");
	
}

#intro_paragraph{
	width: 1000px;
	margin: auto;
	
}

#QED{
	
	width: 1000px;
	margin-top: -95px;
	margin-left: 300px;
	
}


#CV{
	
	width: 1000px;
	margin: auto;
	
}

#education{
	margin-top: -19px;
	margin-left: 300px;
	width: 800px;
		
}

#research{
	margin-top: -19px;
	margin-left: 300px;
	width: 800px;
}


#clear{
	height: 50px;
	clear: both;
}

#links{
	
	font-weight:bold;
	font-size: 30px;
	margin-top: -100px;
	height: 400px;
	margin-left: 300px;
}


#section2{
	
	width:1000px;
	height: 500px;
	
	
}

#other{
	float: left;
	width: 500px;
	height: 500px;

}

.myButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #8d91b8), color-stop(1, #e6e6e6));
	background:-moz-linear-gradient(top, #8d91b8 5%, #e6e6e6 100%);
	background:-webkit-linear-gradient(top, #8d91b8 5%, #e6e6e6 100%);
	background:-o-linear-gradient(top, #8d91b8 5%, #e6e6e6 100%);
	background:-ms-linear-gradient(top, #8d91b8 5%, #e6e6e6 100%);
	background:linear-gradient(to bottom, #8d91b8 5%, #e6e6e6 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8d91b8', endColorstr='#e6e6e6',GradientType=0);
	background-color:#8d91b8;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#2b272b;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e6e6e6), color-stop(1, #8d91b8));
	background:-moz-linear-gradient(top, #e6e6e6 5%, #8d91b8 100%);
	background:-webkit-linear-gradient(top, #e6e6e6 5%, #8d91b8 100%);
	background:-o-linear-gradient(top, #e6e6e6 5%, #8d91b8 100%);
	background:-ms-linear-gradient(top, #e6e6e6 5%, #8d91b8 100%);
	background:linear-gradient(to bottom, #e6e6e6 5%, #8d91b8 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6e6e6', endColorstr='#8d91b8',GradientType=0);
	background-color:#e6e6e6;
}
.myButton:active {
	position:relative;
	top:1px;
}



.myButton3 {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #b1b1b5));
	background:-moz-linear-gradient(top, #f9f9f9 5%, #b1b1b5 100%);
	background:-webkit-linear-gradient(top, #f9f9f9 5%, #b1b1b5 100%);
	background:-o-linear-gradient(top, #f9f9f9 5%, #b1b1b5 100%);
	background:-ms-linear-gradient(top, #f9f9f9 5%, #b1b1b5 100%);
	background:linear-gradient(to bottom, #f9f9f9 5%, #b1b1b5 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#b1b1b5',GradientType=0);
	background-color:#f9f9f9;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#302d30;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
}
.myButton3:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #b1b1b5), color-stop(1, #f9f9f9));
	background:-moz-linear-gradient(top, #b1b1b5 5%, #f9f9f9 100%);
	background:-webkit-linear-gradient(top, #b1b1b5 5%, #f9f9f9 100%);
	background:-o-linear-gradient(top, #b1b1b5 5%, #f9f9f9 100%);
	background:-ms-linear-gradient(top, #b1b1b5 5%, #f9f9f9 100%);
	background:linear-gradient(to bottom, #b1b1b5 5%, #f9f9f9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b1b1b5', endColorstr='#f9f9f9',GradientType=0);
	background-color:#b1b1b5;
}
.myButton3:active {
	position:relative;
	top:1px;
}



	.dropbtn {
		background-color: #4CAF50;
		color: white;
		padding: 16px;
		font-size: 16px;
		border: none;
		cursor: pointer;
	}


	.dropdown {
		position: relative;
		display: inline-block;
	}

	
	.dropdown-content {
		display: none;
		position: absolute;
		background-color: #f9f9f9;
		min-width: 160px;
		box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	}


	.dropdown-content a {
		color: black;
		padding: 12px 16px;
		text-decoration: none;
		display: block;
	}


	.dropdown-content a:hover {background-color: #f1f1f1}


	.dropdown:hover .dropdown-content {
		display: block;
	}


	.dropdown:hover .dropbtn {
		background-color: #3e8e41;
	}
	
	
	.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: #111;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
}

.sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 25px;
    color: #818181;
    display: block;
    transition: 0.3s
}

.sidenav a:hover, .offcanvas a:focus{
    color: #f1f1f1;
}

.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}

@media screen and (max-height: 450px) {
		.sidenav {padding-top: 15px;}
		.sidenav a {font-size: 18px;}
		}