.container{
   top: 0;
   left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: aqua;
}
.left{
    position: absolute;
    width: 50%;
    height: 100%;
    background-image: url(images/bg.jpg);
  background-size: cover;
  background-position-x: center;
}
.right{
    position: absolute;
    width: 50%;
    height: 100%;
    background-color: whitesmoke;
    right: 0;
}
.log{
  position: absolute;
  top: 14%;
  left:25%;
}
.use{
  position: absolute;
top: 28%;
left: 30%;
font-size: x-small;
color: rgb(83, 80, 80);
  
}
.user{
  position: absolute;
  top: 32%;
 background-color: rgb(185, 217, 231);
  border: none;
  border-radius: none;
  left: 25%;
  width: 57%;
  height: 3%;
}
.pass{
  position: absolute;
  top:35%;
  left: 30%;
  font-size: x-small;
  color: rgb(83, 80, 80);
}
.pas{
  position: absolute;
  top: 39%;
  left: 25%;
  width: 57%;
  height: 3%;
  border-radius: none;
  border: none;
  background-color: rgb(185, 217, 231);
}
.forget{
  position: absolute;
  top: 47%;
  left: 25%;
 color: rgb(158, 24, 22);
 border: none;
 border-radius: none;
 text-decoration: none;
}
.con{
  position: absolute;
  top: 52%;
  left: 25%;
  width: 58%;
  height: 5%;
  border: none;
  border-radius: 0%;
  color: white;
  background-color: rgb(156, 24, 24); 
}
.join{
  position: absolute;
  top:60%;
  left: 25%;
  color: rgb(255, 56, 56);
  font-size: x-small;
}
.last{
  position: absolute;
  margin-top: 64%;
  margin-left: 25%;
 font-weight: lighter;
 color: rgb(83, 80, 80);
}
.ah{
  position: absolute;
  left: 44%;
  top: 76%;
  color: rgb(83, 80, 80);
}
.oh{
  position: absolute;
  left: 47%;
  top: 76%;
  color: rgb(83, 80, 80);
}