button#topo {
	background-color:#666;
	border-radius:50px;
	bottom:100px;
	box-shadow: 1px 1px 2px #888;
	color:#FFF;
	font-size:30px;
	height:60px;
	position:fixed;
	right:40px;
	text-align:center;
	width:60px;
	z-index:200;
}
button#topo:hover,
button#topo:active { background-color: #154177; }

.hide {
    opacity:0;
}
.show {
    opacity:1;
}

.reveal{
    position: relative;
    transform: translateY(15px);
    opacity: 0;
    transition: 1s all ease;
  }
  .reveal.active{
    transform: translateY(0);
    opacity: 1;
  }

.moveup {
    animation: go-up 1s;
}
.movedown {
    animation: go-down 1s;
}
.moveright {
    animation: go-right 1s;
}
.moveleft {
    animation: go-left 1s;
}

#navMenu {
    animation: fadein .5s;
}

@keyframes slidefromtop {
    from {
      margin-top: -50%;
      opacity: 0;
    }
  
    to {
        margin-top: 0;
    }
  }
@keyframes go-up {
    0% {
        opacity: 0;
        transform: translateY(10px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
@keyframes go-down {
    0% {
        opacity: 0;
        transform: translateY(-10px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
@keyframes go-right {
    0% {
        opacity: 0;
        transform: translateX(-10px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}
@keyframes go-left {
    0% {
        opacity: 0;
        transform: translateX(10px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}
@keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}