#nav-container{
    background: linear-gradient(rgb(47, 47, 53),rgb(0, 134, 196));
}

html,body {
    margin:0;
    padding:0;
    overflow-x:hidden;
}

#Email_address{
    color: rgb(0, 0, 134);
    font-weight: 600;
}

body {
    animation: fadeInAnimation ease 3s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}
@keyframes fadeInAnimation {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

#slide-in {
    animation-name: example;
  animation-duration: 4s;
  animation-delay: 2s;
}

@keyframes example {
    from {transform: transition(0,0)}
    to {transform: transition(3em,0)}
}


.reveal{
  position: relative;
  transform: translateX(450px);
  opacity: 0;
  transition: 1s all ease;
}

.reveal.active{
  transform: translateY(0);
  opacity: 1;
}



.reveal_a{
    position: relative;
    transform: translateX(-150px);
    opacity: 0;
    transition: 1s all ease;
  }
  
  .reveal_a.active_a{
    transform: translateY(0);
    opacity: 1;
  }

  .btngradient{
    background: transparent;
    font-weight: 500;
    border-radius: 10px;
    border: none;
    padding: 4px;
    color: white;
  }