#BG{
       position: fixed; 
       top: 0; 
       left: 0; 
       background-size: 100% 100%;
       /* Preserve aspet ratio */
       min-width: 100%;
       min-height: 100%;
     
}
#BG img{
   position: absolute; 
   top: 0; 
   left: 0; 
   right: 0; 
   bottom: 0; 
   margin: auto; 
   min-width: 100%;
   min-height: 100%;

}
html
{
 width: 1720px;
 height: 1940px;
 overflow-x: hidden;
}

div .container, .right {
   padding-left: 1541px;
   padding-top: 12px;
   background-color: rgb(123,66,138);
   background-size: 100%;
   position: absolute;
   height: 90px;
   margin-top: -13px;
   width: 602px;
   margin-left: -15px;
   border-radius: 15px;
   size-adjust: auto;
}
.LIST {
   position: absolute;
   list-style: none;
   display:inline-flex;
   font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
   font-size: medium;
   margin: 20px;
   margin-left: 120px;
   left:1260px;
   top: 20px;
   }
   .nav-item {
       margin: 0 10px;
   }
.img img { height:600px; 
           width: 630px; 
           border: 500px;
           border-radius: 18px;
           position: absolute;
           right: 1120px;
           top: 320px;
           left: 450px;
}
#logo{
       height: 70px;
       width: 70px;
       position: absolute;
       top: 60px; 
       left: 60px;
       transform: translate(-50px, -50px);  
   }
   
.emailUsuario { 
       border: 10px;
       text-align: right;
       left: 1110px;
                line-height : 100px;
                position: absolute;
                right: 370px;
                top: 450px;
                height: 100px;
                width: 0px;
}


.emailJulia { border: 10px;
       position: absolute; 
              top: 360px; 
              left: 1110px; 
}
.emailUsuario input { border: 10px;
                      background-color: rgb(255, 255, 255);
                      font-size: 75%;
                      box-shadow: 0 0 0 0;
                      outline: 0;
                      border-radius: 7px;
                      height: 50px;
                      width: 350px;
                     }
a { text-decoration: none;
    color: aliceblue;
}
nav a:hover { color: rgb(244, 215, 255);
}
html {
  width: 1720px;
  height: 1940px;
  overflow-x: hidden;
} 
.img h1 {  position: absolute;
           right: 1300px;
           top: 200px;
           left: 450px;
}
a{
       color: rgb(210, 157, 221);
       text-decoration: none
   }
   nav a:hover{
       color:rgb(244, 215, 255);
   }