.h2, h2 {
    font-size: 30px;
    color: rgb(2, 62, 138);
}
#register {
    display: inline-flex
;
    justify-content: center;
    cursor: pointer;
    /* color: #374151; */
    padding: 0.5rem 1rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 600;
    border: 1px solid rgb(209, 213, 219);
    background-color: white;
    border-radius: 0.375rem;
    transition: background-color 0.15s ease-in-out;
    box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    color: white;
    background-color:rgb(2, 62, 138);
    border: 1px solid #00a5ca;
}
#register:focus, #register:active, #register:active:focus {
    outline: none;
    background-color: rgb(2, 62, 138);
    box-shadow: 0 0 0 0.25rem rgba(0, 165, 202, 0.5);
}
#register:hover {
    background-color: rgb(35 111 206);
    border-color: transparent;
}
#returning {
    margin-top: 0.75rem;
    display: inline-flex
;
    justify-content: center;
    cursor: pointer;
    color: #374151;
    padding: 0.5rem 1rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 600;
    border: 1px solid rgb(209, 213, 219);
    background-color: white;
    border-radius: 0.375rem;
    transition: background-color 0.15s ease-in-out;
    box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    color: white;
    background-color: rgb(2, 62, 138);
    border: 1px solid #00a5ca;
}

#returning:focus, #returning:active, #returning:active:focus {
    outline: none;
    background-color: rgb(2, 62, 138);
    box-shadow: 0 0 0 0.25rem rgba(0, 165, 202, 0.5);
}
#returning:hover {
    background-color: rgb(35 111 206);
    border-color: transparent;
}

form[name=regForm] input[name="navigate[submit]"], form[name=regForm] .navButton {
    display: inline-flex
;
    justify-content: center;
    cursor: pointer;
    color: #374151;
    padding: 0.5rem 1rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 600;
    border: 1px solid rgb(209, 213, 219);
    background-color: white;
    border-radius: 0.375rem;
    transition: background-color 0.15s ease-in-out;
    box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    color: white;
    background-color: rgb(2, 62, 138);
    border: 1px solid #00a5ca;
}
form[name=regForm] input[name="navigate[submit]"]:hover, form[name=regForm] .navButton:hover {
    background-color: rgb(35 111 206);
    border-color: transparent;
}
form[name=regForm] input[name="navigate[submit]"]:focus, form[name=regForm] input[name="navigate[submit]"]:active, form[name=regForm] input[name="navigate[submit]"]:active:focus, form[name=regForm] .navButton:focus, form[name=regForm] .navButton:active, form[name=regForm] .navButton:active:focus {
    outline: none;
    background-color:rgb(2, 62, 138) ;
    box-shadow: 0 0 0 0.25rem rgba(0, 165, 202, 0.5);
}
.pageinfo {
    padding: 1rem;
    border-radius: 4px;
    font-size: 0.875rem;
    background-color: rgb(2, 62, 138);
    color: #c0c2e4;
    margin: 1rem;
    margin-bottom: 0;
}

.btn-primary {
    color: white;
    background-color: rgb(2, 62, 138);
    border: 1px solid #00a5ca;
}
.btn-primary:focus, .btn-primary:active, .btn-primary:active:focus {
    outline: none;
    background-color: rgb(2, 62, 138);
    box-shadow: 0 0 0 0.25rem rgba(0, 165, 202, 0.5);
}
.btn-primary:hover {
    background-color: rgb(35 111 206);
    border-color: transparent;
}