.blog-card{border:2px solid #fff;margin:0;padding:1rem .5rem;display:flex;border-radius:10px;justify-content:flex-start;align-items:flex-start;height:15rem;flex-direction:column;text-decoration:none;color:#fff;background:linear-gradient(90deg,rgba(207,44,249,.5) 12%,rgba(22,233,172,.5) 75%)}.blog-card>p{font-size:.75rem;margin:0;padding:0}.blog-card>h1{font-size:3rem}.blog-card:hover{background:linear-gradient(90deg,#cf2cf9 12%,#cf2cf9 31%,#16e9ac 75%)}button{background:linear-gradient(90deg,#cf2cf9 12%,#16e9ac 75%);padding:1rem 3rem;border:none;border-radius:10px;width:100%;cursor:pointer;transition:.2s}button,h1{color:#fff}h1{font-size:5rem}.blog-container{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:2rem;width:100%}body{background:#0c192b;padding:1rem}Link,body{color:#fff}.new-blog-button,Link{text-decoration:none}.new-blog-button{color:#000}.make-blog-button{text-decoration:none;color:#fff;border:2px solid #fff;border-radius:10px;padding:1rem;justify-self:center;align-self:center;transition:.15s}.make-blog-button:hover{background-color:#fff;color:#0c192b;transition:.15s}.main{display:flex;flex-direction:column;justify-content:center;align-items:center}