html {
    font-size: 15px;
    margin: 20px;
    display: block;
}

body {
    font-family: 'Orbitron', sans-serif;
    background-color: black;
    color: hsl(120, 100%, 70%);
    /* overflow: hidden; */
    line-height: normal;
    z-index: 10;

}


nav ul li {
    height: 100%;
    /* margin: 60px 20px; */
    /* font-size: 40px; */
    margin: 1em 1em;
    font-size: 3.5em;
    display: block;
}

header {
    position: relative;
    float: right;
    width: 300;
    height: 100%;
    color: hsl(120, 100%, 70%);

}




main#home {
    position: fixed;
    top: 50px;
    left: 50px;
} 

#title{
    font-size: 1em;

}

#welcome {
    font-size: 3em;
 
    display: block;
 
}

.credit {
    font-size: 1em;
    position: relative;
    top: 10px;

}



#menu a, #return a, #link-img a {
    color: hsl(120, 100%, 70%);
    text-decoration: none;
}

#menu a:hover, #return a:hover, #link-img a:hover{
    color: hsl(0,100%, 100%);
}

#menu a:active, #return a:active, #link-img a:active {
    color: hsl(112, 100%, 20%)
}


footer h3{
    justify-content: center;
    position: fixed;
    left: 0;
    bottom: 10px;

   

}


h1, .credit, nav li, footer h3 {
    overflow: hidden;
    white-space: nowrap;
    width: 0;
    border-right: .15em solid hsl(120, 100%, 70%);
    animation: 
        typing 1s steps(15, end) forwards,
        blink .8s infinite;

}

#contacts {
    text-align: center;

}

/* Images */

figure {
    margin: 0 auto; /* to make the figure center align to the browser */
    padding: 20px;
    width: 500px; /* set it to anything */
    text-align: center;

}

figure #logo {
    display: inline-block;
}

#logo {
    display: inline-block;
    margin: 50px;
}

.gmail {
    width: 267px;
    height: 200px;


}

.linkedin {
    width: 200px;
    height: 200px;
    
}


/* Animations */
@keyframes typing {
    from { width: 0 }
    to { width: 100% }
}

@keyframes blink {
    from { border-color: transparent }
    to { border-color: hsl(120, 100%, 70%); }
}