body {
    background-color: #c3b291;
}

.center{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
}
/*.center{
	border: 1px solid;
    margin: 50%;
    width: 1px;
    height: 1px;
    position: relative;
}*/

.back{
	position: absolute;
	top: -2px;
}

.front{
	position: absolute;
    top: 1px;
    left: 9px;
}

/*.front:hover{
    position: absolute;
    top: -400px;
    left: 20px;
}*/

.glass{
    position: absolute;
    top: -2px;
    left: 10px;
}

/*.glass:hover{
    position: absolute;
    top: -350px;
    left: 10px;
}*/

.layer_1{
    position: absolute;
    top: 32px;
    left: 10px;
}

/*.layer_1:hover{
    position: absolute;
    top: -300px;
    left: 10px;
}*/

.layer_2{
    position: absolute;
    top: 52px;
    left: 8px;
}

/*.layer_2:hover{
    position: absolute;
    top: -250px;
    left: 8px;
}*/

.screen_border{
    position: absolute;
    top: 26px;
    left: 57px;
}

.screw{
    position: absolute;
    top: 385px;
    left: 85px;
}

.home{
    position: absolute;
    top: 353px;
    left: 121px;
}

.sim{
    position: absolute;
    top: 243px;
    left: 487px;
}

.hover:hover .front{
    position: absolute;
    top: -500px;
    left: 20px;
}

.hover:hover .glass{
    position: absolute;
    top: -450px;
    left: 10px;
}

.hover:hover .layer_1{
    position: absolute;
    top: -350px;
    left: 10px;
}

.hover:hover .layer_2{
    position: absolute;
    top: -150px;
    left: 100px;
}

.hover:hover .screen_border{
    position: absolute;
    top: -270px;
    left: 57px;
}

.hover:hover .screw{
    position: absolute;
    top: 385px;
    left: -10px;
}

.hover:hover .home{
    position: absolute;
    top: 110px;
    left: 50px;
}

.hover:hover .sim{
    position: absolute;
    top: 243px;
    left: 650px;
}

img{
    position: absolute;
    transition: all 0.5s ease;
}