@import url(https://fonts.googleapis.com/css2?family=Karla:wght@600&display=swap);body,html{padding:0;margin:0}a{color:inherit;text-decoration:none}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.image{border-radius:50%;width:200px;height:200px}body{background:-webkit-linear-gradient(135deg,#ee7752,#e73c7e,#23a6d5,#23d5ab);background:linear-gradient(-45deg,#ee7752,#e73c7e,#23a6d5,#23d5ab);background-size:400% 400%;-webkit-animation:gradient 15s ease infinite;animation:gradient 15s ease infinite;height:100vh}@-webkit-keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}h1{border-bottom:0;margin-bottom:0}.grid{display:-webkit-flex;display:-moz-box;display:flex;-webkit-align-items:center;-moz-box-align:center;align-items:center;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center;-webkit-flex-wrap:wrap;flex-wrap:wrap;max-width:800px;margin-top:1rem}.card{margin:.5rem;-webkit-flex-basis:45%;flex-basis:45%;padding:1.5rem;text-align:center;background-color:#fafafa;color:inherit;text-decoration:none;border:1px solid #eaeaea;border-radius:10px;-webkit-transition:color .15s ease,border-color .15s ease;transition:color .15s ease,border-color .15s ease;min-width:350px}@media (max-width:350px){.card{min-width:275px}.card h3{margin:0 3rem;font-size:1.25rem}}.card:hover{opacity:.5}.description{color:#fff;font-weight:600;font-family:Karla,sans-serif}