body{background-color:#fafafa;margin:0;font-family:"Poppins",sans-serif}h1{font-weight:200;text-align:center;margin-top:50px;color:#4c4e61}h2{color:#4c4e61;margin-left:30px}p{color:#a3a5ae;margin:0 30px;font-size:15px}.about{text-align:center;width:500px;margin:0 auto;font-size:15px;color:#a3a5ae}.attribution{font-size:11px;text-align:center}.attribution a{color:#3e52a3}.grid-container{display:grid;grid-template-columns:500px 500px 500px;align-items:center;justify-items:center;justify-content:center}.card{width:350px;height:265px;background-color:#fff;border-top:4px solid;border-radius:5px;box-shadow:0 4px 8px #0000001a,0 6px 20px #00000026;margin:40px 0;position:relative}.card-1{border-color:#45d3d3}.card-2{border-color:#ea5353}.card-3{border-color:#fcaf4a}.card-4{border-color:#549ef2}.col-1{margin-right:-220px}.col-3{margin-left:-220px}.card-img{position:absolute;right:0;bottom:0;margin:30px}@media screen and (max-width: 1200px){h1{width:300px;margin:30px auto;font-size:23px}h2{font-size:20px}p{font-size:13px}.about{width:275px;font-size:13px}.grid-container{display:grid;grid-template-columns:repeat(auto-fill,1000px);align-items:center;justify-items:center;justify-content:center}.col-1,.col-3{margin:0}.card{margin:40px 0 0;width:275px}.card-4{margin-bottom:50px}}