.header {
    background-color: #162E51;
}

.documentation-navbar {
    background-color: #007BC2;
}

.documentation-navbar a {
    text-decoration: none;
    color: white;
}

.documentation-navbar a:hover {
    color: #FCFCFC;
    text-decoration: underline;
    text-decoration-color: #FCFCFC;
    text-decoration-thickness: 2px;
    text-underline-offset: 5px;
}

.documentation-navbar a:focus {
    color: #FCFCFC;
    text-decoration: underline;
    text-decoration-color: #FCFCFC;
    text-decoration-thickness: 2px;
    text-underline-offset: 4px;
}

.documentation a {
    text-underline-offset: .25em;
    color: #007EC6;
}

.documentation a:focus {
    outline: 2px solid white;
    outline-offset: 2px;
    border-radius: 6px;
}

.documentation code {
    color: #3D4551;
}

.icon-link {
    display: inline-flex;
    gap: .375rem;
    align-items: center;
    text-decoration-color: #007EC6;
    text-underline-offset: .25em;
}

.icon-link:focus {
    outline: 2px solid white;
    outline-offset: 2px;
    border-radius: 6px;
}

.return-top {
    display: inline-block;
    padding: 10px 20px;
    background-color: gray;
    color: white;
    text-align: center;
    border-radius: 5px;
    position: fixed;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    transition: opacity 0.3s;
    opacity: 0;
}

.return-top:focus {
    outline: 2px solid white;
    outline-offset: 2px;
    border-radius: 6px;
}

.api-parameter {
    background-color: #F1F3F3;
}