* {
	font-family: 'Noto Sans JP', sans-serif;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

body {
	padding: 20px;
	font-size: 12px;

	background-color: cornsilk;
}

.main {
	width: 600px;
	min-height: 800px;
	margin: 0 auto;
	padding: 40px;
	background-color: white;

	border: solid black 2px;
	border-radius: 20px;
}

.main h3 {
	margin-bottom: 5px;
	text-align: center;
	font-size: 16px;
}

h4.subheading {
	font-size: 14px;
	margin-bottom: 10px;
}

.about-me-info {
	margin-bottom: 25px;
}

.about-me-info p {
	margin-bottom: 5px;
}

.medical-projects {
	margin-bottom: 50px;
}

.project {
	width: 516px;
	overflow: auto;
	margin-bottom: 20px;
	/*padding-left: 5px;*/
	/*margin-top: 20px;*/
	/*margin: 20px 0;*/
}

.project-title {
	margin-bottom: 10px;
	display: flex;
	justify-content: space-between;
}

.under-construction-text {
	text-transform: uppercase;
	font-weight: bold;
	color: red;
}

.project-contents {
	display: flex;
	justify-content: space-between;
	width: 516px;
}

.project-thumbnail {
	height: 100px;
	width: 100px;
	margin-right: 20px;
	
	border: 1px solid #ccc;
	border-radius: 5px;

	overflow: hidden;

}

img.project-thumbnail-img {
	width: 100%;
	height: 100%;
	cursor: pointer;
	transition: all 0.5s;

	object-fit: cover;
}

.zoom_image_as_baseline {
	transform: scale(1.1);
}

img.project-thumbnail-img:hover {
	opacity: 0.7;
	transform: scale(1.2);

}

.project-info {
	flex: 1;
}