html,body{
  max-width:1000px;
  font-family:"Courier New";
  margin-left:auto;
  margin-right:auto;
  text-align:center;
}
img{
  max-width: 100%;
  display:block;
  margin-left:auto;
  margin-right:auto;
}
h1{
  margin-bottom:8px;
}
p{
margin-left:auto;
margin-right:auto;
margin-top:4px;
margin-bottom:4px;
}
a{
color: black;
}
#projects{
  margin-top:16px;
  display: -webkit-flex;
  display:flex;
  -webkit-flex-wrap:wrap;
  flex-wrap:wrap;
  -webkit-justify-content: center;
  justify-content: center;
  align-items:stretch;
}
.project{
  margin-top:4px;
  margin-bottom:4px;
  display:-webkit-flex;
  display:flex;
  flex-direction: column;
  justify-content: space-between;
  max-width:100%;
  width:256px;
  margin-left:25px;
  margin-right:25px;
}
.note{
  font-size:smaller;
}