body{
  background-color:pink;
  }
  
#container{
  width:1200px;
  margin:auto;
  display:grid;
  gap:10px;
  }
  
#main{
  background-color:white;
  padding:10px;
  grid-column:2;
  }
  
#header{
  background-color:violet;
  grid-column:1/span 3;
  padding:10px;
  }
  
#personajes{
  padding:10px;
  margin:10px;
  }
  
#twilight{
  background-color:#D29BFD;
  padding:10px;
  margin:10px;
  overflow:auto;
  }
  
#pinkie{
  background-color:pink;
  padding:10px;
  margin:10px;
  overflow:auto;
  }
  
#pinkie .pie{
  float:left;
  padding:10px;
  margin:10px;
  }
  
#twilight .twi{
  float:left;
  padding:10px;
  margin:10px;
  }
  
#nav{
  background-color:violet;
  padding:10px;
  width:200px;
  grid-column:1;
  }
  
#footer{
  background-color:violet;
    grid-column:1/span 3;
}