.holographic-container{background:transparent}.holographic-card,.holographic-container{align-items:center;display:flex;height:auto;justify-content:center}.holographic-card{background:#111;border-radius:15px;box-shadow:0 0 20px rgba(43,49,147,.5);overflow:hidden;position:relative;transition:all .5s ease;width:auto}.holographic-card h2{color:#0ff;font-size:2rem;position:relative;z-index:2}.holographic-card:before{background:linear-gradient(0deg,transparent,transparent 30%,rgba(43,49,147,.3));content:"";height:200%;left:-50%;opacity:0;position:absolute;top:-50%;transform:rotate(-45deg);transition:all .5s ease;width:200%}.holographic-card:hover{box-shadow:0 0 20px rgba(43,49,147,.5);transform:scale(1.05)}.holographic-card:hover:before{opacity:1;transform:rotate(-45deg) translateY(100%)}