body { margin:0; background-color: #E0F0E0; }

.boxitem { margin:16px; padding:16px; border:8px solid #B0B0B0; height:312px; border-radius:16px; width:312px; display:inline-block; text-align:left; background-color:rgba(212,212,212,0.3); }
.boxitem:hover { border-color:#909090; background-color:rgba(212,212,212,0.5); }
.boxitem.disabled { border:8px solid #D0D0D0; color: #606060; }
.boxitem.disabled:hover { border-color:#D0D0D0; color: #606060; background-color:none; }
.projicon { width:64px; height:64px; border-radius:4px; }
.projtype { width:32px; height:32px; border-radius:4px; }

#titleHolder { width:100%; text-align:center;  margin:3px; }
.intro { width:80%; padding:16px; background-color:rgba(32,212,32,0.3); border:2px solid rgb(32,212,32); border-radius:8px; text-align:left; left: 10%; position:relative; }
#projects { width:100%; text-align:center; }