:root{--accent-color:#fdca40;--dark-color:#111;--text-color:antiquewhite;--overlay-background-color:rgba(139,135,135,.5);--transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}.container{width:100vw;height:100vh;flex-wrap:wrap;justify-content:center;align-items:center;padding:20px;display:flex}.block{width:300px;height:300px;box-shadow:2px 2px 15px 2px var(--dark-color);background-position:50%;background-size:cover;flex-direction:column;justify-content:center;align-items:center;margin:20px;display:flex;position:relative;overflow:hidden}.block:nth-child(1){background-image:url(https://images.unsplash.com/photo-1595960684234-49d2a004e753?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=628&q=80)}.block:nth-child(2){background-image:url(https://images.unsplash.com/photo-1536602012356-86c345795580?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1050&q=80)}.block:nth-child(3){background-image:url(https://images.unsplash.com/photo-1547469447-4afec158715b?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=634&q=80)}.block:nth-child(4){background-image:linear-gradient(90deg,#000428,#004e92)}.overlay{z-index:5;width:80%;height:100%;border-left:var(--accent-color)2px solid;border-right:var(--accent-color)2px solid;background-color:var(--overlay-background-color);transition:transform 500ms var(--transition-timing-function);transform:rotate(45deg)scaleY(2)scaleX(0)}.block:hover .overlay{transform:scaleY(2)rotate(45deg)}.block-text{transform-origin:bottom;z-index:100;width:100%;height:100%;color:var(--text-color);opacity:0;padding:20px;transition:opacity .3s ease-in;position:absolute;top:25%}.block:hover .block-text{opacity:1}.text-head{text-align:center;letter-spacing:2px;text-transform:uppercase;color:var(--accent-color);padding-bottom:15px;font-size:20px;font-weight:600}.text-quote{font-size:14px;line-height:150%}.text-person{color:var(--accent-color);padding-top:15px;position:relative}.text-person:not(:lang(ae)):not(:lang(ar)):not(:lang(arc)):not(:lang(bcc)):not(:lang(bqi)):not(:lang(ckb)):not(:lang(dv)):not(:lang(fa)):not(:lang(glk)):not(:lang(he)):not(:lang(ku)):not(:lang(mzn)):not(:lang(nqo)):not(:lang(pnb)):not(:lang(ps)):not(:lang(sd)):not(:lang(ug)):not(:lang(ur)):not(:lang(yi)){text-align:right}.text-person:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){text-align:left}.text-person:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){text-align:left}.text-person:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){text-align:left}
/*# sourceMappingURL=card-overlay-hover-effect-page.5ec5a3dd.css.map */