.navbar {
    background: #1A1A1A;
    border-bottom: 1px solid #242424;
}

.navbar > .container {
    flex-wrap: nowrap;
    padding: 0;
}

.navbar .row {
    flex-wrap: nowrap;
}

.navbar .logo span {
    font-size: 30px;
    font-family: monospace;
}

.navbar .search-form {
    width: 100%;
}

.navbar .search-form .search-input {
    width: 100%;
}

.avatar {
    position: relative;
    width: 45px;
    height: 45px;
}

.avatar img {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    border-radius: 100%;
}

.user-info {
    width: 140px;
    text-align: center;
}

.register-svg {
    height: 38px;
    width: 38px;
    background: url("/static/img/register.svg");
    background-size: 28px;
    background-position: center;
    background-repeat: no-repeat;
}

.login-svg {
    height: 38px;
    width: 38px;
    background: url("/static/img/login.svg");
    background-size: 28px;
    background-position: center;
    background-repeat: no-repeat;
}

.logout-svg {
    height: 38px;
    width: 38px;
    background: url("/static/img/logout.svg");
    background-size: 28px;
    background-position: center;
    background-repeat: no-repeat;
}

.settings-svg {
    height: 38px;
    width: 38px;
    background: url("/static/img/settings.svg");
    background-size: 28px;
    background-position: center;
    background-repeat: no-repeat;
}