Lunafix

body { background-color: #36454F; background-image: url(https://getwallpapers.com/wallpaper/full/7/5/4/176183.jpg); background-attachment: fixed; background-position: center center; background-repeat: norepeat; background-size: 100%; font-size:10px; color: #3e4260;}

   .form, .dog, .man, .kennel {
	position: absolute;
	right: 0;	top: 0;
	left: 0;	bottom: 0;
	margin: auto;
	width: 500px; height: 650px;
	overflow: hidden;
    }

.dog {
height: px;
opacity: 1;
transition: 1s;
}
    .form:hover .dog {
    opacity: 0;
    }
.man {
width: 500px;
height: 650px;
background-attachment: absolute;
background:url('https://i.imgur.com/Z7HflTI.jpg') no-repeat;
background-position: 24% 26%;
background-size: 500px;
opacity: 0;
transition: 1s;
}
    .form:hover .man {
    opacity: 1;
    }
.kennel2{
position: absolute;
width: 460px;
height: 570px;
opacity: 0;
-webkit-transition: all 1.8s ease-in-out;}
.kennel2:hover
{opacity: 1;}


.go {
position: absolute;
width: 90px;
background-color: #000000;
left: 15px;
top: 15px;
padding: 20px;
line-height: 16px;
text-align: justify;
}
.bork {
position: absolute;
width: 90px;
background-color: #000000;
right: 15px;
top: 15px;
padding: 20px;
line-height: 14px;
text-align: justify;
}
.kennel {
position: absolute;
border: solid 2px #3e4260;
width: 462px;
height: 597px;
}
.pupper {
position: absolute;
bottom: -10px;
width: 460px;
text-align: center;
font-family: 'Bebas Neue', cursive;
color: #3e4260;
-webkit-text-stroke: 1px #ffffff;
font-size: 55px;
letter-spacing: 4px;
}
.pupper a:link {
 color: transparent;
 text-decoration: none;
}
.pupper a:visited {
 color: transparent;
 text-decoration: none;
}
.pupper a:hover {
 color: #3e4260;
 text-decoration: none;
}
a:link {
 color: #3e4260;
 text-decoration: none;
}
a:visited {
 color: #3e4260;
 text-decoration: none;
}
a:hover {
 color: #3e4260;
 text-decoration: none;
}