/* header */

.logo {
    width: 5rem;
}

.header {
    background-color: rgb(255, 255, 255, 0.8);
}

.header .navbar-nav {}

.header .navbar-nav .nav-item {
    margin-left: 0.5em;
    margin-right: 0.5em;
}

.header .navbar-nav .nav-item .nav-link {
    color: #00aff0;
}

.header .navbar-nav .nav-item.active>.nav-link {
    color: #0081af;
}

.header .navbar-nav .nav-item .btn-login {
    color: #5bc0de;
    background-color: transparent;
    border-color: #5bc0de;
    font-size: 0.5em;
    margin-top: 1em;
    cursor: pointer;
}

.header .navbar-nav .nav-item .btn-join {
    color: #ffffff;
    background-color: #5bc0de;
    border-color: #5bc0de;
    font-size: 0.5em;
    margin-top: 1em;
    cursor: pointer;
}