#main-navbar .navbar-nav .nav-item .nav-link{
    padding: 20px;
    display: block;
    border-bottom: 2px solid transparent;

    transition: all .25s ease-in;
    -webkit-transition: all .25s ease-in;
    -moz-transition: all .25s ease-in;
    -o-transition: all .25s ease-in;
}
#main-navbar .navbar-nav .nav-item .nav-link:hover,
#main-navbar .navbar-nav .nav-item .nav-link.active{
    color: #ee7155;
    border-bottom: 2px solid #ee7155;
}

#main-navbar button{
    background: transparent;
    border: 2px solid transparent;
    color: #ee7155;
    font-weight: 400;
    border-radius: 10px;
    padding: 10px 20px;
    margin: 2px;

    transition: all .25s ease-in;
    -webkit-transition: all .25s ease-in;
    -moz-transition: all .25s ease-in;
    -o-transition: all .25s ease-in;
}

#main-navbar button.login{
    background-color: transparent;
}
#main-navbar button.login:hover{
    background-color: #ee7155;
    color: #fff;
}

#main-navbar button.signup{
    background-color: #ee7155;
    color: #fff;
}

#main-navbar button.signup:hover{
    background-color: transparent;
    border-color: #ee7155;
    color: #ee7155;
}