body
{
    text-align: center;
    background-color: #071c24;
    position: absolute;
    margin: 0;
    width: 100%;
    height: 100%;
    align-content:center;
    font-family: 'Eczar', serif;
    font-weight: bold;
    background-image:url(https://raw.communitydragon.org/latest/game/assets/ux/loadingscreen/firstbloodsplash.png);
    background-size:100%;
    background-position:0% 30%;
    background-repeat:no-repeat;
}
.container
{
  width:70vw;
  height:40vh;
  position:relative;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%); 
  display:flex;
}
.card
{
  background-color:ivory;
  height:100%;
  width: 24%;
  background-size:100% 100%;
  background-repeat:no-repeat;
}
.sumBox
{
  position:relative;
  top:70%;
}
.sums
{
  height:11%;
  aspect-ratio: 1;
  background-color:ivory;
  display:inline-block;
  position:relative;
  top:80%;
  border: 2px solid #95792f;
  background-size:100%;
  background-repeat: no-repeat;
}
.name
{
  position:relative;
  color:#95792f;
  top:93%;
}
.stats
{
  position:relative;
  top:25%;
  width:50%;  
  display:flex;
}
.stats h3
{
  color:#0F9C94;
}
.statA
{
  width:50%;
  text-align:left;
  margin-left:5%;
}
.statB
{
  width:50%;
  text-align:right;
  margin-right:5%; 
}
#cardA:after
{
  content:'';
  display:inline-block;
  height:105%;
  width: 115%;
  position:relative;
  top:-20%;
  left:-7.5%;
  background-size:225% 135%; 
  background-repeat:no-repeat; 
}
#cardB:after
{
    content:'';
  display:inline-block;
  height:105%;
  width: 115%;
  position:relative;
  top:-20%;
  left:-7.5%;
  background-size:225% 135%; 
  background-repeat:no-repeat;   
}

/* Going to js*/
 #cardA
{
 background-image: url("http://ddragon.leagueoflegends.com/cdn/img/champion/loading/Caitlyn_29.jpg");
}
#cardA:after
{
    background-image:url("https://raw.communitydragon.org/latest/game/assets/ux/loadingscreen/loadingscreen_frames_atlas11.png");
    background-position:-0.5vw 13%;
} 
#cardB
{
  background-image: url("http://ddragon.leagueoflegends.com/cdn/img/champion/loading/Ezreal_0.jpg");
  
}
#cardB:after
{  
    background-image:url("https://raw.communitydragon.org/latest/game/assets/ux/loadingscreen/loadingscreen_frames_atlas8.png");
    background-position:-19.5vw 13%;
}  

/* #sumsAD #sumsAF #sumsBD #sumsBF  For all of this*/

.justToTest{
  background-image:url("http://ddragon.leagueoflegends.com/cdn/13.7.1/img/spell/SummonerDot.png");
}

/* Gone to js ^*/