body{
    background-color:black;
}

.trisquel{
    //background-color:red;
    transform: translate(48vw, -41.3vw);
    
    width: 31vw; height:31vw;
}

.trisquel2{
    //background-color:red;
    margin-left:1,5vh;
    margin-top:-0.1vh;
    width: 25.7vh; height:25.7vh;
}

.trisquel3 {
    color:yellow; 
   font-size:1.5vh;
   font-family:Courier;
   border:3px;
   border-color:yellow;
   border-style:solid;
   border-radius:50%;
   width:30vh; 
   height:30vh;
   text-align:center;
   z-index: -1;
   background:; 
   display:flex;
   poiion:fixed;
   mrgin:0 auto; 
   float: center;
   
  }


.izquierda {
  float: left;
  width: 11vh;
  border-radius:0px;
  border:0px;
  border-style:solid;
  border-color:red;
}

.centro {
  float: center;
  width: 11vh;
  border-radius:0px;
  border:0px;
  border-style:solid;
  border-color:red;
}

.derecha {
  float: right;
  width: 11vh;
  border-radius:0px;
  border:0px;
  border-style:solid;
  border-color:red;
}


.izquierdaf {
  float: left;
  width: 5em;
  height: 5em;
  border-radius:50%;
  border:0px;
  border-style:solid;
  border-color:red;
}

.izquierdafa {
  float: left;
  max-width: 5.5em
  width: 5.5em;
  mmax-height: 5em;
  height: 5em;
  border-radius:0px;
  border:0px;
  border-style:solid;
  border-color:red;
}

.centrof {
  float: center;
  width: 10vw;
  height: 10vw;
  border-radius:50px;
  border:1vw;
  border-style:solid;
  border-color:yellow;
}

.derechaf {
  float: right;
  width: 5em;
  height: 5em;
  border-radius:50px;
  border:0px;
  border-style:solid;
  border-color:red;
}

.izquierda1 {
  float: left;
  width: 11vw;
  border-radius:0px;
  border:0px;
  border-style:solid;
  border-color:red;
}

.centro1 {
  float: center;
  width: 11vw;
  border-radius:0px;
  border:0px;
  border-style:solid;
  border-color:red;
}

.derecha1 {
  float: right;
  width: 11vw;
  border-radius:0px;
  border:0px;
  border-style:solid;
  border-color:;
}

.izquierda2 {
  float: left;
  width: 13vh;
  border-radius: 50%;
}

.centro2 {
    margin-left:5vw;
    text-align:center;
  float: center;
  width: 18vw;
  border-radius: 50%;
}

.derecha2 {
  float: right;
  width: 13vh;
  border-radius: 50%;
}

.izquierda3 {
  float: left;
  width: 10vw;
  border-radius:10px;
  border:0px;
  border-style:solid;
  border-color:red;
}

.centro3 {
  float: center;
  width: 10vw;
  border-radius:10px;
  border:0px;
  border-style:solid;
  border-color:red;
}

.derecha3 {
  float: right;
  width: 10vw;
  border-radius:10px;
  border: 0px;
  border-style:solid;
  border-color:red;
}
  
P {color:yellow; 
   font-size:1.8vw;
   font-family:Courier;
   border:3px;
   border-color:#222222;
   border-style:solid;
   width:absolute; 
   height:3vh;
   text-align:center;
   z-index: -3;
   background: #202000;   
  }
  
  H1 {color:yellow; 
   font-size:2.5vw;
   font-family:Courier;
   border:3px;
   border-color:#222222;
   border-style:solid;
   width:absolute; 
   height:3vh;
   text-align:center;
   z-index: -3;
   background: #202000;   
  }
  
.lider {
display: inline-block;
height:120vw;
width:100%; 
background: #202000;
text-align:center;
vertical-align: middle;
}

.h2 {color:yellow;
    display: inline-block;
    text-align:center;
    vertical-align: middle;
   width:30vw; 
   height:40vw; 
   background: #101000;
    border-radius:10px;
   font-size:2.3vw;
   font-family:Courier;
   border:2px;
   border-color:#222222;
   border-style:solid;
}
  
.marco {color:yellow; 
   font-size:1.5vh;
   font-family:Courier;
   border:3px;
   border-color:yellow;
   border-style:solid;
   border-radius:50%;
   width:50vw; 
   height:50vw;
   text-align:center;
   z-index: -1;
   background: black;   
  }

.marco2 {color:yellow; 
   font-size:1.5vh;
   font-family:Courier;
   border:3px;
   border-color:yellow;
   border-style:solid;
   width:99vw; 
   height:11.5vw;
   text-align:center;
   z-index: 10;
   background: yellow;   
  }
  
.marco3 {color:yellow; 
   font-size:1.5vh;
   font-family:Courier;
   border:3px;
   border-color:green;
   border-style:solid;
   width:98vw; 
   height:10.9vw;
   text-align:center;
   z-index: 11;
   background: yellow;   
  }
 
.main-container {
  width: 100%;
  height: 50%;
}

.div-mitad {
  width: 10vw;
  height: 70vw;
  float: left; 
}

.div-mitadB {
  width:78vw;
  height: 70vw;
  float: left; 
}

.eye{
  position:absolute;
  z-index: 1;
}

.heaven
{
  position:absolute;
  z-index: -1;
}

.botonimagen{
background-image:url();
background-repeat:no-repeat;
height:11vh;
width:11vh;
background-position:center;
position:absolute;
  z-index: 1;
  float: center; 
}

.botonwhatsapp {
background-image:url();
background-repeat:no-repeat;
height:11vh;
width:11vh;
background-position: left;
position:absolute;
  z-index: 1;
  float: left; 
}

.botonchat {
    border-radius: 50%;
background-image:url();
background-repeat:no-repeat;
height:11vh;
width:11vh;
background-position: right;
position:absolute;
  z-index: 1;
  float: right; 
}


input[type="button"]{
  width:;
  height:;
  /*just this*/ background-image: url(https://images.freeimages.com/images/large-previews/48d/marguerite-1372118.jpg);
  background-position:;
  background-repeat:;
  background-size:;
}

.enalace {
  width: 10vh;
  height: 10vh;
  border-radius: 50%;
  background-color: yellow;  
}

.enalace2 {
  width: 10vh;
  height: 10vh;
  border-radius: 50%;
  background-color: yellow;  
}

.enalacedos {
  width: 10vh;
  height: 10vh;
  border-radius: 50%;
  background-color: yellow;  
}