@font-face {
    font-family: interFont;
    src: url('/fonts/font_Inter.ttf');
}

:root {
    --local-bg: #282828;
    --local-bg-light: #3d3d3d;
    --local-accent: #ff00bf;
    --local-text: #e3e3e3;
}

body {
    font-family: interFont;
    background-color: var(--local-bg);
    color: var(--local-text);
}

h1,h3 {
    color: var(--local-accent);
}

a {
    color: var(--local-accent);
}

#bodyWrapper {
    min-height: 85vh;
}

.logoWrapper {
    margin:5% 0;
}

#reviewLanding #logo {
    font-size:.8em;
    display:flex;
    justify-content:center;
}

#reviewLanding #logo img {
    height:20px;
}

#tagline {
    color: var(--local-accent);
}

.btn-outline-rg {
   border-color: var(--local-accent);
   color: var(--local-accent);
}

    .btn-outline-rg:focus,
    .btn-outline-rg:hover {
        background-color: var(--local-accent);
        color: var(--local-text);
    }

.form-control-plaintext {
color: var(--local-text);
}

.wrapper {
    margin-top: 20vh;
    margin-bottom: 5%;
    border-radius: 25px;
    background-color: var(--local-bg-light);
    padding: 5%;
}

.btnWrapper {
    margin-bottom: 10%;
}

.hide {
    display: none;
}

#apiDocs .params>div {
    display:flex;
    flex-direction:row;

    justify-content:space-between;
    font-size:.8em;
    margin: 5% 0;
}

#apiDocs .params>div span:nth-child(1){
    width:30%;
    font-weight:bold;
}

#apiDocs .params>div span:nth-child(2){
    width:60%;
}

#apiDocs .hljs {
    background: var(--local-bg);
}

#apiDocs pre {
    border: 1px solid var(--local-accent);
}

#apiDocs pre .hljs-attr {
    color: var(--local-accent);
}

    #apiDocs pre .hljs-literal,
    #apiDocs pre .hljs-string {
        color: var(--local-text);
    }

#apiDocs pre .hljs-punctuation{
    color: var(--local-text);
}

#reviewLanding {
    margin-top: 5%;
}

    #reviewLanding #clientLogoWrapper {
       display:flex;
       justify-content:center;
       margin-bottom:5%;
       max-height:300px;
    }

    #reviewLanding #reviewButtonWrapper .row {
        margin: 0 0 5% 0;
    }

#reviewLanding .reviewButton {
    display:flex;
   height:70px;
}

#reviewLanding #reviewButtonWrapper {
    margin-top:2%;
}

#reviewLanding #reviewButtonWrapper a {
    width:100%;
}

#reviewLanding .reviewButton img {
    padding:5px;
}

#reviewLanding .reviewButton div {
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
}

    #reviewLanding .btn-outline-rg:focus,
    #reviewLanding .btn-outline-rg:hover {
        border-color: var(--local-accent);
        color: var(--local-accent);
        background:none;
    }

.footer {
        height:30px;
        width:100%;
    }