#content{overflow:hidden;height:auto;margin-bottom:20%}#cards{display:flex;flex-wrap:wrap;list-style:none;padding-left:0;margin-left:10.5%;margin-top:10%}.card{flex:0 0 20%;margin:1%;height:23vw}.card:hover{cursor:pointer}.card-inner{position:relative;width:100%;height:100%;text-align:center;transition:transform .6s;transform-style:preserve-3d;outline:.2vw solid #6fe1a8;box-shadow:.3vw .3vw .3vw gray;border-radius:1.5%}.card.is-flipped .card-inner{transform:rotateY(180deg)}.front,.back{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden}.back{transform:rotateY(180deg)}.card-img{width:100%;border-top-right-radius:2%;border-top-left-radius:2%}.container{text-align:center;font-size:.8vw}.card-button,.github-button,.website-button{text-decoration:none;color:#fff;background-color:#6fe1a8;padding:2%;font-size:.8vw;border-radius:10%;margin:2%}.buttons{position:absolute;bottom:0;width:100%;margin-bottom:5%}.time-period{color:#777}.project-title{margin-top:6%;font-size:1vw;color:#6fe1a8}.project-description{text-align:left;margin:7% 7% 0;text-indent:1vw;font-size:.9vw}@media(max-width: 1200px){.card{flex:0 0 26%;margin-bottom:9%}.card-inner{height:132%;outline:.35vw solid #6fe1a8;box-shadow:.4vw .4vw .4vw gray}.container{font-size:1.1vw}.project-title{font-size:1.3vw}.project-description{text-indent:1.3vw;font-size:1.15vw}.card-button,.github-button,.website-button{font-size:1.1vw}}@media(max-width: 800px){.card{flex:0 0 40%;margin-bottom:29%}.card-inner{height:205%;outline:.4vw solid #6fe1a8;box-shadow:.6vw .6vw .6vw gray}.container{font-size:1.7vw}.project-title{font-size:1.9vw}.project-description{text-indent:2vw;font-size:1.8vw}.card-button,.github-button,.website-button{font-size:1.9vw}}