corda-checkers/webapp/src/components/Header/index.css

h1 {
    display: inline-flex;
}

.OnlineTgl {
    transform: scale(.25, .25);
    width: 1px;
    height: 1px;
}

nav {
    padding: auto;
    align-items: center;
    justify-content: center;
    display: flex;
    flex-wrap: wrap;

    a {
        color: lightgray;
        text-decoration: none;
        transition: .25s ease;

        margin-left: 30px;
        margin-right: 30px;
        padding: 0.25rem 1rem;
    }

    .active {
        color: white;
        border-radius: 2px; 
        background-color: cadetblue;
        opacity: 80%;
        padding: 0.25rem 1rem;
    }

    a:hover:not(.active) {
        color:cadetblue;

        box-shadow: 0 1.5px 0 0 currentcolor;
    }
}

[data-darkreader-scheme="dark"] nav {
    a {
        color: darkslategrey;
    }

    .active {
        color: white; 
        box-shadow: 0 1.5px 0 0 currentcolor;
    }
}