:root {
    --color-bg: white;
    --color-text: black;
    --color-primary--1:#555;
    --color-primary: #373737;
    --color-primary-1: #232323;
    --color-accent: #4e9c2f;
    --color-accent-1: #35801d;
    --color-accent-2: #256e12;
    --color-sub: #77b9d5;
    --color-sub-2: #4fabd2;
}

img.logo{
    object-fit: contain;
    max-width: 100%;
}

html, body{
    background-color: #e5e5e5;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

div.flex-row{
    width: 100%;
    display: flex;
    flex-direction: column;
    
    .center{
        margin-left:auto;
        margin-right:auto;
    }
    
    .right{
        margin-left:auto;
        margin-right:0px;
    }
}

.line-link{
    padding: 10px 0px;
}

.line-link a{
    color:var(--color-primary--1);
}

.line-link a:hover, .line-link a:focus{
    color:var(--color-primary-1);
}

.btn-primary{
    background-color: var(--color-accent);
    border-width: 0;
    border-style: inset;
    border-color: var(--color-accent-2);
}

.btn-primary:hover, .btn-primary:focus{
    background-color: var(--color-accent-1);
    border-width: 1;
    border-style: inset;
}