@import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');

body {
   font-family: Ubuntu, "DejaVu Sans", Arial, Helvetica, Sans-serif;
}

a {
   color: #12b326;
}

hr {
   color: #d2d2d2;
   opacity: 0.5;
}
h1, h4 {
   margin-top: 4px;
   margin-bottom: 8px;
}

.final {
   color: #1223d2;
   -webkit-transition: color 2s;
   transition: color 2s;
}

-header {
   border-bottom: 1px solid #dddddd;
}

/* Center the container in the page & limit width */
.container {
   max-width: 980px;
   min-width: 320px;
   margin: 0 auto;
}

/* Push the image to the right & wrap text with float*/
img.headshot {
   width: 136px;
   height: 122px;
   float: right;
   margin-left: 10px;
   margin-bottom: 10px;
   border-radius: 2px;
}

.copyr {
    font-size:12px;
    opacity: 0.2;
    color: #565656;
}

.projectTile {
   font-size: 12px;
   padding: 6px;
   color: #fff;
   border-radius: 1px;
   height: 170px; 
   background-color: rgb(60, 96, 171);
   box-shadow: 3px 2px 2px #cccccc;
}

.projectTitle { 
   color: #daea43;
   font-size: 1.2em;
}

.button {
	padding: 8px;
	background-color: #4e6;
	text-decoration: none;
	border-radius: 3px; 
	color: #111;
}

.button:hover {
	background-color: #ccc;
	color: #121599;
} 

li {
	margin-bottom: 6px;
}