@font-face { font-family: 'MontserratV'; src: url('https://www.devmedia.com.br/workspace/skins/fonts/Montserrat-V.ttf');}
@font-face { font-family: 'Titillium Web'; src: url('https://www.devmedia.com.br/workspace/skins/fonts/TitilliumWeb-Black.ttf');}
@keyframes ship_hs{0%, 20%{ transform: translate(40%,-40%);}25%{ transform: translate(5%,-5%);}80%{ transform: translate(0,0);}85%, 100%{ transform: translate(-200%,200%);}}
@keyframes ship_hs_interno{0%, 20%{transform: scale(0);}25%, 100%{transform: scale(1);}}
.card-usuario.card-starwars .card-background { background: url("//www.devmedia.com.br/workspace/skins/cards/starwars/imagens/background.jpg");  z-index: 1;  background-size: 100% 100%;}
.card-usuario.card-starwars .card-background .ship { height: 43.755%; width: 63.637%; position: absolute; top: 60%; left: 50%; animation: ship_hs 4s infinite both linear; transform-origin:top right; text-align: initial;}
.card-usuario.card-starwars .card-background .ship:after{ content:""; background: url("//www.devmedia.com.br/workspace/skins/cards/starwars/imagens/destroyers.png"); height:100%; width:100%; background-position: center; background-repeat: no-repeat; background-size: 100%; position: absolute; animation: ship_hs_interno 4s infinite both linear;}
.card-usuario.card-starwars .card-background .ship.ship-1{ top: 58%; left: 49%; z-index: 3;}
.card-usuario.card-starwars .card-background .ship.ship-2{ top: 62%; left: 14%; height: 21.88%; width: 31.82%; z-index: 2;}
.card-usuario.card-starwars .card-background .ship.ship-2,
.card-usuario.card-starwars .card-background .ship.ship-2:after{ animation-delay:.2s;}
.card-usuario.card-starwars .card-background .ship.ship-3{ top: 76%; left: 36%; height: 12.502%; width: 18.185%; z-index: 1;}
.card-usuario.card-starwars .card-background .ship.ship-3,
.card-usuario.card-starwars .card-background .ship.ship-3:after{ animation-delay:.4s;}
.card-usuario.card-starwars .card-background .ship.ship-4{ height: 9.38%; width: 13.64%; z-index: 0; top: 86%; left: 12%;}
.card-usuario.card-starwars .card-background .ship.ship-4,
.card-usuario.card-starwars .card-background .ship.ship-4:after{ animation-delay:.6s;}
.card-usuario.card-starwars .card-wrapper .card-foto { height: 70%; flex: 0 0 auto; z-index: 1; padding: 21.8% 10% 0%;}
.card-usuario.card-starwars .card-wrapper { flex-direction: column-reverse;}
.card-usuario.card-starwars .card-wrapper .card-foto .usuario-foto { margin: 0; background: none; border-radius: 50%; background: radial-gradient(#FFE81F 60%, transparent 63%); padding: 7.5%;}
.card-usuario.card-starwars .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: 'Titillium Web', sans-serif; gap: 5%; color: #001621;}
.card-usuario.card-starwars .card-wrapper .card-info .usuario-nome.sobrenome { margin-top: -2%;}
.card-usuario.card-starwars .card-wrapper .card-info .usuario-nome { font-size: 18px; stroke: #FFE81F; stroke-width: 0px; fill: #FFE81F; filter: drop-shadow(2px 0px 1px CurrentColor) drop-shadow(0px 2px 0px CurrentColor) drop-shadow(-2px 0px 0px CurrentColor) drop-shadow(0px -2px 1px CurrentColor); text-transform: uppercase;}
.card-usuario.card-starwars .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-starwars .card-info-gami .card-info-gami-group img { height: 40%;}
.card-usuario.card-starwars .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-starwars .card-info-gami .card-info-gami-group:nth-child(2) img { height: 50%;}