*{margin: 0; padding: 0;}

.dc
{
  border: groove 5px #007AF1;
  margin: 6px;
}

.marvel
{
  border: groove 5px #FF171F;
  margin: 6px;
}

.batman 
{
  text-shadow: 2px 2px 2px darkgray;
  border: solid #FFFF21 3px ;
  background-color: black;
  color: #FFFF21;

}

.wonder-woman
{
    border: solid black 3px ;
    background-color: #018FE8;
    color: #C80018;
}
.superman
{
  border: solid #ED1B24 8px ;
  background-color: #F2E205;
  color: #1FAAC5;
}

.spiderman
{
    border: groove #F2E205 8px ;
    background-color: #079CE6;
    color: #CE1E1A;
}
.iron-man
{
  border: ridge black 8px ;
  background-color: #DF212E;
  color: #dac50b;
}
.thor
{
  border: solid #1F0AA6 8px ;
  background-color: #28AAE4;
  color: #D91424;
}
body div
{
  padding: 10px;
}
body div div
{
  margin: 10px 4px;
  padding: 20px

}

p
{
  padding: 3px 15px 15px 15px; 
  text-align: justify;
  
}
span
{
  padding: 0px 2px;
}


/* 
DC: blue- #007AF1 
Marvel: yellow- #FEFE00 red- #FE0000 newRed- #FF171F
Batman: yellow- #FFFF21
Wonder Woman: blue- #018FE8 yellow- #FFFF12 red- #C80018
Superman: yellow- #F2E205 red- #ED1B24 blue- #1FAAC5
spiderman: blue- #079CE6 yellow- #F2E205 red- #CE1E1A
Ironman: red- #DF212E yellow- #E6D747
Thor: red- #D91424 blueish- #1F0AA6 light blue- #28AAE4
*/