*,:after,:before{font-family:Poppins,sans-serif;padding:0;margin:0}body{background-color:#000;justify-content:center;align-items:center}.card{position:relative;width:400px;height:500px;border-radius:15px;overflow:hidden;filter:drop-shadow(10px 10px 20px rgba(0,0,0,.25));background-repeat:no-repeat;background-size:cover}.card:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,hsla(0,0%,100%,0),rgba(0,0,0,.408) 62.83%,rgba(0,0,0,.8) 99.99%);background-blend-mode:darken,normal}.card>.content{color:#fff;position:absolute;top:410px;left:0;right:0;z-index:2;transition:top .45s ease-out;padding:20px}.card>.content>h1{font-size:2.5rem}.card>.content>p{margin-bottom:.7rem}.card:hover>.content{top:235px}.btn{border:none;padding:.7em 1.8em;border-radius:5px;font-weight:600;cursor:pointer;font-size:.8rem}.btn-card{transition:background .2s ease}@media screen and (min-width:1200px){.cards{grid-template-columns:repeat(2,500px);place-items:center;padding-left:259px;padding-right:259px}}@media screen and (max-width:600px){.card{width:300px;height:400px}.card>.content{top:312px}.card:hover>.content{top:175px}.card>.content>h1{font-size:1.5rem}.card>.content>h4{font-size:1rem}.card>.content>p{font-size:.75rem}.card .img{height:25rem}.card:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,hsla(0,0%,100%,0),rgba(0,0,0,.408) 62.83%,rgba(0,0,0,.8) 99.99%);background-blend-mode:darken,normal}.card:hover>.content{top:165px}}@media screen and (max-width:1440px){.about{left:105vh}.about,.letter{position:relative}.letter{left:125vh}}.container{display:grid;grid-template-columns:repeat(2,531px);gap:16px;padding-top:5rem;padding-bottom:5rem}.card-container{width:300px;height:440px;background-color:#fff;border-radius:8px;margin:auto;box-shadow:0 2px 20px rgba(0,0,0,.1);overflow:hidden}.card-image img{height:220px;width:100%;border-radius:8px 8px 0 0;background-size:cover}.card-body{display:flex;flex-direction:column;align-items:start;padding:16px;min-height:200px}.card-badge{text-transform:uppercase;background-color:#fff;color:#fff;padding:2px 8px;border-radius:70px;margin:0;font-size:12px}.card-badge-blue{background-color:#92d4e4}.card-badge-purple{background-color:#3d1d94}.card-badge-pink{background-color:#c62bcb}.card-body h1{font-size:16px;margin:8px 0}.card-body p{font-size:14px;margin:8px 0 16px}.card-author{display:flex;align-items:center}.card-author p{margin:0 16px;font-size:12px}.card-author p:last-child{color:#888}.card-author img{border-radius:50%;height:48px;width:48px;margin-top:auto}@media screen and (max-width:1000px){.container{grid-template-columns:1fr}}