* { box-sizing: border-box; }
            h1, h2, h3 { margin: 0; }
            .left { text-align: left; }
			.right { text-align: right; }
            .center { text-align: center; margin: auto; }
            .content {
                font-family: 'EB Garamond', 'Garamond', 'Georgia', serif;
                padding: 20px;
                display: inline-block;
            }
         
            #header h1 { font-size: 3em; margin: 0; }
            #content-container { width: 100%; max-width: 40em; }
			#projects { width: 100%; max-width: 40em; }
            #header a { text-decoration: none; }
            .project .work{
                
                padding: 10px;
                margin: 10px 0;
            }
            .btn {
                display: inline-block;
                background: #387BA8;
                padding: 0.5em;
                text-align: center;
                color: white;
                border-radius: 0.25em;
                text-decoration: none;
                margin: 0.5em;
                width: 10em;
				float: right;
            }
            .btn:hover { background:#3D87B8; }
			
			body {
				color: #3b3b3b;
				background-color: #E7E4D5;
				margin: 0;
				padding: 0;
			}
			
		section { background-color: #f4f4f4; }
		.box {
			margin: 0 auto 16px auto;
			max-width: 1000px;
			border: 1px solid #decfba; 
			margin-top: 16px; 
			padding: 16px; 
			border-radius: 4px; 
			border-top: 3px solid #c72323;
			}

		html {font-size: 20px;}
		
		a, a:link, a:visited {
			text-decoration: none;
			color: #C84648;
		}

		a:hover, a:active {
			color: #703E3B;
		}
		
		hr {
    border: 0;
    width: 100%;
    color: #777;
    background-color: #D3C8B4;
    height: 1px;
}

footer { margin-top: 1em; margin-bottom: 1em; font-size: 10.5pt; color: #795f39; }

footer .biography { margin-top: 2em; padding-bottom: 1em; border-bottom: 1px solid rgba(222, 207, 186, 0.5); margin-bottom: 1em; }

footer h2 { font-size: 1.2em; font-variant: small-caps; text-transform: lowercase; font-weight: bold; letter-spacing: 0.15em; }

footer a, footer a:hover { color: #ad1f1f; }

.footnotes { border-top: 1px solid rgba(222, 207, 186, 0.5); padding-top: 1em; margin-top: 2em; }

.footnotes ul, .footnotes ol { margin-left: -2em; }

.footnotes > ol { margin-left: -1.5em; }

.work_description li {margin-left: 20px;}
.work img {
    object-fit: scale-down;
    margin: 0 auto;
    display: block;
    width: 64px;
    height: 64px;
    margin-right: 24px;
	text-align: left
}
.work header {
    text-align: left;
    display: flex;
}

.project img {
    display: block;
    width: 35px;
    height: 35px;
	float: right;
	margin-right: 5px;
}
.project header {
    text-align: left;    
}
.project img:hover {
  box-shadow: 0 0 2px 1px rgba(239, 117,117, 0.5);
  width: 45px;
  height: 45px;
}
.work img:hover {
  box-shadow: 0 0 2px 1px rgba(239, 117,117, 0.5);
  width: 74px;
  height: 74px;
}

.head_image img {
    width: 64px;
    height: 64px;
}