.card_container_background{background:#191c29}.card_conteiner_1{display:flex;width:100%;height:430px}.card_conteiner_1 img{width:0;flex-grow:1;object-fit:cover;-webkit-box-shadow:inset 0 0 20px 3px #000;box-shadow:inset 0 0 20px 3px #000;-webkit-transition:all .8s ease-in-out;-moz-transition:all .8s ease-in-out;-ms-transition:all .8s ease-in-out;-o-transition:all .8s ease-in-out;transition:all .8s ease-in-out}.card_conteiner_1 img:hover{cursor:crosshair;width:300px;opacity:1;filter:contrast(120%);-webkit-box-shadow:inset 0 0 20px 0 #000;box-shadow:inset 0 0 20px 0 #000}@property --rotate{syntax:"<angle>";initial-value:132deg;inherits:false}:root{--card-height:65vh;--card-width:calc(var(--card-height) / 1.5)}.card_conteiner{width:100%;min-height:500px;background:#212534;display:flex;align-items:center;flex-direction:column;padding-top:2rem;padding-bottom:2rem;box-sizing:border-box}.card{background:#191c29;width:var(--card-width);height:var(--card-height);padding:3px;border-radius:6px;justify-content:center;align-items:center;text-align:center;display:flex;font-size:1.5em;color:rgb(88 199 250 / 0%);cursor:pointer;font-family:cursive}.card:hover{color:rgb(88 199 250 / 100%);transition:color 1s}.card:hover:after,.card:hover:before{animation:none;opacity:0}.card::before{content:"";width:104%;height:102%;border-radius:8px;background-image:linear-gradient(60deg,#5ddcff,#3c67e3 43%,#4e00c2);position:absolute;z-index:-1;top:-1%;left:-2%;animation:spin 2.5s linear infinite}.card::after{position:absolute;content:"";top:calc(var(--card-height)/ 6);left:0;right:0;z-index:-1;height:100%;width:100%;margin:0 auto;transform:scale(.8);filter:blur(calc(var(--card-height) / 6));background-image:linear-gradient(60deg,#5ddcff,#3c67e3 43%,#4e00c2);opacity:1;transition:opacity .5s;animation:spin 2.5s linear infinite;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@keyframes spin{0%{--rotate:0deg}100%{--rotate:360deg}}