body{background-color:#000}a{text-decoration:none}.right-container{flex-direction:column}.blog-post,.right-container{display:flex;align-items:center}.blog-post{max-width:90rem;background-color:#fff;padding:2.5rem;box-shadow:0 1.4rem 8rem rgba(0,0,0,.2);border-radius:.8rem;margin-left:100px;margin-top:50px}.blog-post_img{position:relative;min-width:35rem;max-width:35rem;height:30rem;transform:translateX(-8rem)}.blog-post_img img{display:block;width:100%;height:100%;object-fit:cover;border-radius:.8rem}.blog-post_img:before{content:"";position:absolute;inset:0;box-shadow:.5rem .5rem 3rem 1px rgba(0,0,0,.05);border-radius:.8rem;opacity:.5}.blog-post_date{text-align:center}.blog-post_date span{font-size:18px;display:block;text-transform:uppercase;color:#606060;font-weight:600}.blog-post_title{text-align:center;font-size:2.5rem;margin:1.5rem 0 2rem;text-transform:uppercase;color:#4136d9}.blog-post_info p{font-size:18px;font-family:Montserrat,sans-serif;margin-bottom:3rem;color:rgba(0,0,0,.7)}@media (max-width:1400px){.blog-post{max-width:80rem}.blog-post_img{min-width:30rem;max-width:30rem}}@media (max-width:1065px){.blog-post{flex-direction:column;margin:100px 50px 50px}.blog-post_img{min-width:100%;transform:translateY(-8rem)}}.card{position:relative;width:400px;height:250px;background:rgb(20,15,81);display:flex;justify-content:center;align-items:center;margin:30px;box-shadow:0 10px 50px rgba(0,0,0,.1);overflow:hidden}.card:before{content:"";position:absolute;top:2px;left:2px;bottom:2px;width:50%;background:rgba(255,255,255,.1);pointer-events:none}.card .content{padding:30px;text-align:center}.card .content h2{position:absolute;right:30px;font-size:4em;font-weight:800;color:#1779ff;z-index:1;opacity:.1;transition:.5s}.card:hover .content h2{opacity:1;transform:translateY(-70px)}.card .content h3{font-size:1.5em;letter-spacing:1px}.card .content h3,.card .content p{position:relative;color:#fff;z-index:2;opacity:.5;transition:.5s}.card .content p{font-size:1em;font-weight:300}.card:hover .content h3,.card:hover .content p{opacity:1}.card .content a{display:inline-block;margin-top:15px;padding:8px 15px;background:#fff;text-decoration:none;text-transform:uppercase;font-weight:600}.card span{transition:.5;opacity:0}.card:hover span{opacity:1}.card span:first-child{position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,transparent,#1779ff);animation:animate1 2s linear infinite}@keyframes animate1{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.card span:nth-child(2){position:absolute;top:0;right:0;width:3px;height:100%;background:linear-gradient(180deg,transparent,#1779ff);animation:animate2 2s linear infinite;animation-delay:1s}@keyframes animate2{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.card span:nth-child(3){position:absolute;bottom:0;right:0;width:100%;height:3px;background:linear-gradient(270deg,transparent,#1779ff);animation:animate3 2s linear infinite}@keyframes animate3{0%{transform:translateX(100%)}to{transform:translateX(-100%)}}.card span:nth-child(4){position:absolute;bottom:0;left:0;width:3px;height:100%;background:linear-gradient(0deg,transparent,#1779ff);animation:animate4 2s linear infinite;animation-delay:1s}@keyframes animate4{0%{transform:translateY(100%)}to{transform:translateY(-100%)}}