body{margin:0;padding:0;box-sizing:border-box;font-family:'Poppins', sans-serif;display:flex;justify-content:center;align-items:center;min-height:100vh;background:#000;color:white}.container{position:relative;width:90%;display:grid;grid-template-columns:repeat(auto-fill, minmax(260px, 1fr));grid-gap:0 40px;grid-template-rows:auto}.container .box{position:relative;height:400px;background:#000;display:flex;justify-content:center;align-items:center}.container .box:before{content:'';position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:white;transform:skew(2deg, 2deg);z-index:-1}.container .box .content{position:relative;padding:20px}.container .box .content h2{position:absolute;top:-60px;right:20px;margin:0;padding:0;font-size:10em;color:rgba(255,255,255,0.05);transition:.5s}.container .box .content h3{margin:0 0 10px;padding:0;font-size:24px;font-weight:500;color:white}.container .box .content p{margin:0;padding:0;color:white;font-size:1rem}.container .box .content a{position:relative;margin:30px 0 0;padding:10px 20px;text-decoration:none;border:1px solid white;display:inline-block;color:white;transition:.5s;transform:translate(-40px);opacity:0;visibility:hidden}.container .box .content a:hover{color:#060c21;background:white}.container .box:hover .content h2{top:-140px}.container .box:hover .content a{transform:translate(0);opacity:1;visibility:visible}
/*# sourceMappingURL=style.css.map */