body{
   max-width: 100%;
   max-height: 100%;
    color: white;
   background-image: url(fondoM1.jpg);
   background-repeat: no-repeat;
   background-size: cover;
   background-attachment: fixed;
   
}

.title{
    position: absolute;
    margin-left: -70px;
    margin-top: -20px;
    width: 500px;
    max-width: 100%;
}


.titulo{
color: white;
    box-shadow: 0px 0px 20px #f0f;
 padding: 100px;
 border: 3px white solid;
 border-radius: 10px;
   
width: 580px;
height: auto;
max-width: 100%;
align-items: center;
margin-left: 20px;

}

 h1{

   margin-left: 20px;
    position:absolute ;
    max-width: 100%;
    text-align: center;
    box-shadow: 0px 0px 30px #f0f;
    border-radius: 20px;
    min-width: 500px;

    
}

.superior{
    margin-left: 60px;
    margin-top: 130px;
    max-width: 100%;
    height: auto;
}
.desplace{
    margin-left: 6px;
    margin-top: 2px;
    position: absolute;
    box-shadow: 0px 5px 30px red;
}



.formaT{
    
  position: absolute;
    border: 8px black solid;
    border-radius: 25px ;
    box-shadow: 0px 0px 20px 20px steelblue;
    width: 300px;
    height: 500px;
    max-width: 100%;
    
    margin-left: -60px;

}
.borde{
    border: 100px black;
    width: 100px;
    height: 300px;
    margin-left: -300px;
    border-radius: 25px;
    max-width: 500px;
    
    
    position: absolute;
}
#videoP{
    position: absolute;
    width: 300px;
    height: 500px;
    margin-left: 0;
   border-radius: 17px;
   object-fit: cover;
     min-width: 10px;
     min-height: 100px;
}
.ventana{
  position: absolute;
  margin-left: 270px;
  margin-top: 7px;
  width: 300px;
  height: 500px;
  max-width: 100%;
  height: auto;
  box-shadow: 0px 0px 20px 10px #f0f;
  border-radius: 25px;
}
.cam{
    position: absolute;
    margin-left: 440px;
    margin-top: 8px;
    background-color: black;
    border:5px  black solid;
    border-radius: 100px;
    color: red;
    
}
.parlante{
    color:black;
    background-color: black;
    border: 5px;
    border-radius: 25px;
    font-size: 10px;
    margin-left: 430px;
    margin-top: -8px;
    position: absolute;
    width: 50px; 
    
}
img{
    width: 30px;
    margin-top: 10px;
    margin-left: 530px;
    position: absolute;
    max-width: 500px;
}
.bater{
color: black;
background-color: springgreen;
border: 2px solid wheat;
border-radius: 2px;
margin-left: 565px;
margin-top: 10px;
max-width: 500px;
font-size: 10px;
position: absolute;
}

.boton{
    width: 50px;
    min-width: 1px;
    height: auto;
    color: black;
    background-color: transparent;
    border:1px transparent solid;
    position: absolute;
    margin-top: 200px;
    margin-left: 400px;
    font-size: 20px;
    cursor: pointer;
   
}
     
.W{
    width: 45px;
    min-width: 30px;
    border-radius: 40px ;
    box-shadow: 0px 10px 40px green;
}

  

  


.desblo{
     
    height: auto;
    color: black;
    background-color: transparent;
    border:1px transparent solid;
    position: absolute;
    margin-top: 420px;
    margin-left: -110px;
    cursor: pointer;
}
.contenedor{
    position: absolute;
    margin-left: -535px;
    margin-top: -30px;
   
}
.logo2{
        margin-left: 5px;
}