Pie.css

.pie {

   position: relative;
   color: #ffffff;
   background-color: #691827;
   overflow: auto;
   height: 350px;
   width: 100vw;
   clear: both;
   bottom: 0;
   margin-left: -20vw;
   margin-right: 95%;
   top: 100%;

}

.vector-menu-tabs a{

background-color: ##f6f6f6;

}

.listapie {

  list-style: none;

}

.logopie {

  margin-top: 500px;
  height: 60px;
  width: 100px;
  margin-bottom: 25px;
  margin-left: 3%

}

.parrafo {

  width: 220px;
  justify-content: center;
  margin-top: -25px;
  font-family: Arial, Helvetica, sans-serif;
  margin-left: 2%;

}

.redes {

  height: 25px;
  width: 25px;
  margin-left: 10%;

}

.confpie {

  display: block;
  position: absolute;
  left: 25%;
  top: 25px;
  transform: translate(-50%, 0);

}

.titulospie {

  margin-bottom: 50px;
  font-family: Arial, Helvetica, sans-serif;
  color: #ffffff;

}

li {

  font-family: Arial, Helvetica, sans-serif;
  margin-bottom: 25px;

}

.confpietercero {

  display: block;
  position: absolute;
  margin-left: 3800px;
  transform: translate(-50%, 0);

} .side{ float: left;

 width: 13em;
 padding: 0 0.5em;
 background-color: #ff6;

margin-left: -20em;

height: 1500px;

}

wrapper {

 margin: 0 14em 0 12em;
 padding: 0 1em;

position: relative; z-index:-5; } p{ position: relative;

  z-index: 5;
  text-align: justify;

} a{

color: black;

}

a:hover{

color: red;

}

a:active{

color: blue;

}

ca-nstab-main{

  background-color: #ffffff;

}

ca-nstab-main a{

  color: #681a27;

}

ca-talk{

 background-color: #681a27;

}

ca-talk a{

 color: #681a27;

}

p-views a{

 color: #681a27;

}

mw-panel a{ color: #681a27; } .separador{ height:30px; border:none;color:A9A9A9; background-color:#f6f6f6; margin-left: -25px;

margin-right: -25px } .parrafo{

} .floatleft, .tleft {

   margin: 0 0.5em 0.5em 0;
       margin-left: 0px;
   padding: 0 1.5em 1em 0;
   margin-left: 2%;

}