body,#home {
margin: 0px;
padding: 0px;
overflow: hidden;
}

#home {
background-image: url("../images/header.jpg");
background-position: center center;
background-size: cover;
width: 100%;
height: 100vh;
}

#home #homeBaseline,
a {
color: #fff;
font-family: "Raleway", sans-serif;
text-align: center;
text-decoration: none;
}
#home #homeBaseline {
position: absolute;
bottom: 20%;
left: 50%;
transform: translate(-50%);

/* font-weight: 600; */
}
#home img {
position: absolute;
top: 20%;
left: 50%;
transform: translate(-50%);
height: 30vh;
}

#mailT {
font-size: 20px;
display: block;
}
#env {
font-size: 30px;
display: block;
}
@keyframes shownum {
from {
  opacity: 0;
}
to {
  opacity: 1;
}
}
#mailT {
display: none;
font-size: 15px;
}
#hDv {
height: 50px;
cursor: pointer;
opacity: 0;
animation-name: shownum;
animation-duration: 2s;
animation-delay: 5s;
animation-fill-mode: forwards;
}
#hDv:hover > #mailT {
display: block;
}
.type1 {
overflow: hidden;
white-space: nowrap;
animation: typing 1.5s steps(50, end) forwards;
font-size: 1rem;
width: 0;
margin: 0px;
}
.type2 {
overflow: hidden;
white-space: nowrap;
animation: typing 2.5s steps(50, end) forwards;
font-size: 1rem;
width: 0;
margin: 0px;
animation-delay: 2.5s;
}
@keyframes typing {
0% {
  border-right: 0.15em solid white;
  width: 0;
}
99% {
  border-right: 0.15em solid white;
  width: 100%;
}
100% {
  width: 100%;
}
}

@media (max-width: 800px) {
  #home #homeBaseline {
    bottom: 10%;
  }
}