.iphone{
border: 6px solid black;
background-color: rgb(66, 64, 64);
height: 550px;
width: 300px;
border-radius: 40px;
margin: auto;
  margin-top: 60px;
  position: relative;
}

.camera{
    position: absolute;
    border: 6px solid rgb(107, 102, 102);
    height: 140px;
    width: 145px;
    border-radius: 40px;
    background-color: rgba(255, 255, 255, 0.411);
    margin-left: 5px;
    margin-top: 5px;
}

.lens1{
 border: 4px solid rgb(105, 104, 104);
 height:50px ;
 width: 50px ;
 position: absolute;
 margin-left: 10px;
 margin-top: 10px;
 border-radius: 100px;
 background-color: black; 
}

.lens2{
    border: 4px solid rgb(105, 104, 104);
    height:50px ;
    width: 50px ;
    position: absolute;
    margin-left: 10px;
    margin-top: 80px;
    border-radius: 100px;
    background-color: black; 
}

.lens3{
    border: 4px solid rgb(105, 104, 104);
    height:50px ;
    width: 50px ;
    position: absolute;
    margin-left: 80px;
    margin-top: 45px;
    border-radius: 100px;  
    background-color: black; 
}

.bbylens1{
    border: 4px solid rgb(105, 104, 104);
    height:25px ;
    width: 25px ;
    position: absolute;
    margin-left: 8px;
    margin-top: 8px;
    border-radius: 100px;
    background-color:white; 

}

.bbylens2{
    border: 4px solid rgb(105, 104, 104);
    height:25px ;
    width: 25px ;
    position: absolute;
    margin-left: 8px;
    margin-top: 8px;
    border-radius: 100px;
    background-color:white; 
}



.bbylens3{
    border: 4px solid rgb(105, 104, 104);
    height:25px ;
    width: 25px ;
    position: absolute;
    margin-left: 8px;
    margin-top: 8px;
    border-radius: 100px;
    background-color:white; 
}

.outlens1{
    border: 1px solid rgb(105, 104, 104);
    height:20px ;
    width: 20px ;
    position: absolute;
    margin-left: 100px;
    margin-top: 14px;
    border-radius: 100px;
    background-color:white;
}

.outlens1:active{
    background-color:black ;

}
.outlens2{
    border: 1px solid rgb(105, 104, 104);
    height:20px ;
    width: 20px ;
    position: absolute;
    margin-left: 100px;
    margin-top: 115px;
    border-radius: 100px;
    background-color:black;
}
.outlens2:active{
    background-color:white ;

}

.outlens3{
    border: 1px solid rgb(105, 104, 104);
    height:5px ;
    width: 5px ;
    position: absolute;
    margin-left: 130px;
    margin-top: 105px;
    border-radius: 100px;
    background-color:black;
}

.applelogo{
    position: absolute;
    bottom: 210px;
    left: 60px;
}

.leftbutton{
    height: 80px;
    border: 4px solid rgb(15, 15, 15);
    border-bottom: none;
    border-top: none;
    border-right: none;
   position: absolute;
   top: 230px;
   left: 521px;
   border-radius: 10px;
}

.rightbutton1{
    height: 20px;
    border: 4px solid rgb(15, 15, 15);
    border-bottom: none;
    border-top: none;
    border-left: none;
   position: absolute;
   top: 180px;
   right: 521px;
   border-radius: 10px;
}

.rightbutton2{
    height: 40px;
    border: 4px solid rgb(17, 17, 17);
    border-bottom: none;
    border-top: none;
    border-left: none;
   position: absolute;
   top: 245px;
   right: 521px;
   border-radius: 10px;
}

.rightbutton3{
    height: 40px;
    border: 4px solid rgb(17, 17, 17);
    border-bottom: none;
    border-top: none;
    border-left: none;
   position: absolute;
   top: 310px;
   right: 521px;
   border-radius: 10px;
}


#Next{
    border: 2px solid transparent;
    background-color: blue;
    color: white;
    text-decoration: none;
    padding: 8px 10px;
    border-radius: 10px;
    position: absolute;
    right: 20px;
    bottom: 20px;
 
}

#Next:hover{
    background-color: white;
    color: blue;
    border: 2px solid blue;
}