body {

    background-color: rgb(111, 113, 236) !important;
   
}

.container { 
    width: 100%;
    height: 100%;
   
 
    }

    .card {
       
       width: 1200px;
     
        
       }
    

.texto1 {
     margin:15px;
    height:20px;
     
    }


.card-text {
background-color:rgb(202, 216, 214);
color: red;
font-size: 18px;
height:400px;

}

  .texto2 {
      position: relative;
      font-size: 12px;
     left: 250px;
     top: -10px;
     color:black;
     display: block;
    background: rgb(86, 162, 206);
   
    margin: 10px;
    padding: 10px;
    height: 300px;
    width: 300px;
   text-align: justify;

  }
  .texto3 {
    position: relative;
    font-size: 12px;
   left: 580px;
   top: -320px;
   color:rgb(231, 8, 8);
     display: block;
     background: rgb(235, 238, 240);
 
  margin: 10px;
  padding: 10px;
  height: 300px;
  width: 300px;
 text-align: justify;

}

.texto4 {
    position: relative;
    font-size: 20px;
   left: 400px;
   top: -320px;
   color:black;
  padding: 10px;
 }

 texto10 {
  position: relative;
  font-size: 20px;
 left: 300px;
 top: -120px;
 color:black;
padding: 10px;
}



 .texto5{
    position: relative;
    font-size: 12px;
   left: 890px;
   top: -700px;
   color:rgb(197, 11, 11);
     display: block;
     
 
  margin: 10px;
  padding: 10px;
  height: 0px;
  width: 300px;
 text-align: justify;
 }
 
 .texto20{
    position: relative;
    font-size: 12px;
   left: 890px;
   top: -700px;
   color:rgb(39, 31, 31);
     display: block;
     
 
  margin: 10px;
  padding: 10px;
  height: 0px;
  width: 300px;
 text-align: justify;
 }