@font-face { font-family: 'Armata'; src: url('https://www.devmedia.com.br/workspace/skins/fonts/Armata-Regular.ttf');}

@keyframes card-glich {
    0%, 5%, 12%, 20%, 100% { opacity: 0;}
    0%, 5%, 13% { background-size: 100% 100%;}
    12%, 20%, 100% { background-size: 108% 108%;}
    7%, 15% { opacity: .5}
}

.card-usuario.card-neonlitcity .card-background {background: url("//www.devmedia.com.br/workspace/skins/cards/neonlitcity/imagens/background.jpg");z-index: 1;background-size: 100% 100%;background-repeat: no-repeat;background-position: center center;}
.card-usuario.card-neonlitcity .card-background:after {background-image: url("//www.devmedia.com.br/workspace/skins/cards/neonlitcity/imagens/background.jpg");position: absolute;background-size: 104% 104%;background-position: center;top: 0;left: 0;height: 100%;width: 100%;content: "";filter: brightness(2);mix-blend-mode: hard-light;opacity: 0;animation: card-glich 6s linear both infinite;}
.card-usuario.card-neonlitcity .card-wrapper .card-foto {height: 70%;flex: 0 0 auto;z-index: 1;padding: 21.8% 10% 0%;}
.card-usuario.card-neonlitcity .card-wrapper {flex-direction: column-reverse;}
.card-usuario.card-neonlitcity .card-wrapper .card-foto .usuario-foto {margin: 0;background: none;border-radius: 50%;background-color: rgb(0 108 242 / 25%);backdrop-filter: blur(2px);padding: 3%;}
.card-usuario.card-neonlitcity .card-wrapper .card-info {flex: 1 1 auto;width: 85%;padding: 0% 2% 14%;z-index: 2;margin: auto;box-sizing: border-box;font-family: 'Armata', sans-serif;gap: 5%;color: #253893;}
.card-usuario.card-neonlitcity .card-wrapper .card-info .usuario-nome.sobrenome {margin-top: -2%;}
.card-usuario.card-neonlitcity .card-wrapper .card-info .usuario-nome {font-size: 18px;stroke: #fff;stroke-width: 0px;fill: #fff;filter: drop-shadow(1px 0px 1px CurrentColor) drop-shadow(0px 1px 0px CurrentColor) drop-shadow(-1px 0px 0px CurrentColor) drop-shadow(0px -1px 1px CurrentColor);text-transform: uppercase;}
.card-usuario.card-neonlitcity .card-info-gami {height: 33.5%;width: 100%;position: absolute;bottom: 5%;left: 3%;filter: drop-shadow(1px 0px 1px CurrentColor) drop-shadow(0px 1px 0px CurrentColor) drop-shadow(-1px 0px 0px CurrentColor) drop-shadow(0px -1px 1px CurrentColor);}
.card-usuario.card-neonlitcity .card-info-gami .card-info-gami-group img {height: 40%;}
.card-usuario.card-neonlitcity .card-info-gami .card-info-gami-group .usuario-value {width: 80%;fill: white;stroke: white;stroke-width: 0;transform-origin: center center;transform: scale(1.3) translate(6%, -1.5%);margin-right: 10%;margin-left: 10%;}
.card-usuario.card-neonlitcity .card-info-gami .card-info-gami-group:nth-child(2) img {height: 50%;}