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

@keyframes cloudUp {
    to { left: -52.27%;}
}
@keyframes cloudDown {
    to { left: 109.09%;}
}

.card-usuario.card-pixel .card-background {background: url("//www.devmedia.com.br/workspace/skins/cards/pixel/imagens/background2.png");z-index: 0;background-repeat: no-repeat;background-size: cover;background-position: center;display: flex;flex-direction: column;align-items: center;justify-content: center;height: 96%;width: 96%;top: 2%;left: 2%;}
.card-usuario.card-pixel .card-wrapper { background-color: #242424;}
.card-usuario.card-pixel .card-wrapper .card-foto {z-index: 1;height: 50%;width: 72.73%;margin: 19% auto 0%;flex: 0 0 auto;padding: 4.5%;background: url('https://www.devmedia.com.br/workspace/skins/cards/pixel/imagens/photo-border.png');background-size: 100% 100%;}
.card-usuario.card-pixel .card-wrapper .card-foto .usuario-foto {margin: 0;padding: 0;background: none;border-radius: 9%;}
.card-usuario.card-pixel .card-wrapper .card-info {flex: 1 1 auto;width: 90%;padding: 0% 0% 20%;z-index: 2;margin: auto;box-sizing: border-box;font-family: 'UpHeavTT';gap: 5%;}
.card-usuario.card-pixel .card-wrapper .card-info .usuario-nome.sobrenome {margin-top: -7.5%;}
.card-usuario.card-pixel .card-wrapper .card-info .usuario-nome {font-size: 26px;stroke: white;stroke-width: 0px;fill: #fff;height: 35%;text-transform: uppercase;filter: drop-shadow(1px 0px 0px black) drop-shadow(0px 1px 0px black) drop-shadow(-0.5px 0px 0px black) drop-shadow(0px -0.5px 0px black) drop-shadow(1.5px 3px 0px black);letter-spacing: 2px;}
.card-usuario.card-pixel .card-info-gami {height: 33.5%;width: 90%;position: absolute;bottom: 8%;left: 10%;}
.card-usuario.card-pixel .card-info-gami .card-info-gami-group img {height: 26%;margin-bottom: 1%;}
.card-usuario.card-pixel .card-info-gami .card-info-gami-group .usuario-value {/* font-size: 24px; */width: 100%;height: 100%;fill: white;stroke: white;stroke-width: 0;transform-origin: center center;transform: scale(1.7) translate(10%, -4.5%);margin-right: 20%;margin-left: 13%;letter-spacing: 2px;}
.card-usuario.card-pixel .card-info-gami .card-info-gami-group:nth-child(2) img {height: 33%;}
.card-usuario.card-pixel .card-wrapper:after { position: absolute; content: ""; height: 100%; width: 100%; top: 0; left: 0; background-image: url(https://www.devmedia.com.br/workspace/skins/cards/pixel/imagens/background-borda.png); background-repeat: no-repeat; background-size: 100% 100%; background-position: center; image-rendering: pixelated; pointer-events: none; border: 4px solid #474747; box-sizing: border-box;}

.card-usuario.checkpoint.card-pixel .card-wrapper .card-info {flex:unset; width: 100%;position: absolute;left: 0%;bottom: 4%;}

/* animation */
.card-usuario.card-pixel .card-background:before { content: ""; position: absolute; z-index: 0; background-image: url('https://www.devmedia.com.br/workspace/skins/cards/pixel/imagens/cloud.png');  background-size: auto 100%;  background-position: center;  background-repeat: no-repeat;  height: 15.94%;  width: 44.55%;  top: 7.81%;  left: 102.27%;  animation: cloudUp 25s linear infinite;}
.card-usuario.card-pixel .card-background:after { content: ""; position: absolute; z-index: 0; background-image: url('https://www.devmedia.com.br/workspace/skins/cards/pixel/imagens/cloud.png'); background-size: auto 100%; background-position: center; background-repeat: no-repeat; height: 15.94%; width: 44.55%; top: 50.5%; left: -45.45%; animation: cloudDown 20s 1s linear infinite;}