h1,h2,h3,h4{
    font-family: sans-serif !important;
}

.navbar-dark {
    background-color: #18BC9C !important;
}

.navbar-dark .navbar-collapse, .navbar-dark .navbar-form, .navbar-dark {
    border-color: transparent !important;
}

.navbar-dark .navbar-brand {
    color: #fff;
    font-size: 25px;
}

.navbar-dark .navbar-toggle {
    border-color: #128f76;
}

.navbar-dark .navbar-toggle:focus, .navbar-dark .navbar-toggle:hover {
    background-color: #128f76;
}

.navbar-dark .navbar-collapse, .navbar-dark .navbar-form {
    border-color: #149c82;
}

.navbar-dark .navbar-nav>li>a, .navbar-dark .navbar-text {
    color: #fff;
}

.navbar-dark .navbar-nav>li>a:focus, .navbar-dark .navbar-nav>li>a:hover {
    color: #2C3E50;
    background-color: transparent;
}

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
    color: #fff;
    background-color: #15a589;
}

body{
    margin: 5em 1em 1em 1em;
}

ul, ol{
    padding-left: 1rem;
}

.nikukyu{
    width: 15px;
    vertical-align: baseline;
}

.alt-font{
    font-family: Baloo Chettan, sans-serif !important;
}

.profile{
    text-align: center;
}
    .profile .melco-face{
        width: 200px;
    }

    .profile .friend{
        margin: 2rem;
    }
        .profile .friend p{
            margin: 0;
            font-weight: bold;
        }

.anchor{
    position: relative;
    top: -30px;
    display: block;
}