#navhome,
#navprofile,
#navprojects,
#navresume,
#navcontact {
    animation-name: show_elements;
    animation-delay: 1.5s;
    animation-duration: 1s;
    animation-fill-mode: forwards;
}

#back {
    animation-name: show_elements;
    animation-delay: 1s;
    animation-duration: 1s;
    animation-fill-mode: forwards;
}

@keyframes show_elements {
    0%   {opacity: 0;}
    100% {opacity: 100%;}
}

#header_space {
    animation-name: show_profile;
    animation-delay: 0.5s;
    animation-duration: .5s;
    animation-fill-mode: forwards;
}

@keyframes show_profile {
    0%   {height: 100%;}
    100% {height: 90%;}
}

#gears{
    animation-name: show_gears;
    animation-delay: 0.5s;
    animation-duration: 0.5s;
    animation-fill-mode: forwards;
}

@keyframes show_gears {
    0% {top:-500px;}
    100% {top:-60px;}
}