:root{--content-width:1280px}body{margin-top:0;margin-left:0;margin-right:0}@media only screen and (max-width:820px){main#content{padding:0 1rem}}.grid{display:grid;align-items:center;grid-template-columns:repeat(3,1fr);grid-template-rows:8fr;gap:1.2rem 1.2rem;@media(max-width:960px){grid-template-columns: repeat(2,1fr);}@media(max-width:680px){grid-template-columns: 1fr;}}.project-card{background:#fff;height:100%;box-shadow:0 1px 6px rgba(0,0,0,.11);position:relative;top:0;transition:all .25s ease 0s;&:hover{top:-10px;box-shadow:rgba(0,0,0,.2)0 12px 16px}}.project-card__header{display:flex;align-items:center;padding:0 .5rem}.project-card__title{font-weight:700;padding-top:.5rem}.project-card__year-started{flex-grow:1;text-align:center;font-weight:700;span{background-color:rgba(85,176,255,.1);padding:.5rem 1.5rem .5rem 1rem;clip-path:polygon(0 0%,100% 0%,calc(100% - 20px) 100%,0% 100%)}}.project-card__repo,.project-card__website{img{width:30px;height:30px;margin-bottom:0;margin-left:.5rem}}.project-card__content{display:flex;align-items:center;padding:1rem .5rem .5rem}.project-card__description{width:calc(100% - 150px);font-size:.9rem}.project-card__image{padding:0 2rem;img{margin-bottom:0;max-width:150px}}