/* the site background colour */
body {
    background-color: #FFFFFF;
}

/* set up font-family for all h1 tags */

h1,
h2,
h3,
h4,
h5,
h6,
input,
select,
#rollerDescription,
.nav-link {
    font-family: Orbitron, Arial, Arial;
    color: #464956;
}

/* set up font-family for all p tags */

p,
.nav-link1,
label {
    font-family: Quicksand, Arial, Arial;
    text-decoration: none;
    color: #464956;
}

.form-control {
    border-color: #464956;
}

.btn {
    font-family: Orbitron, Arial, Arial;
    background-color: #0d3c60;
    border: #0d3c60;
    padding: 15px 41px;
    transition: all 0.4s ease-in-out;

}

.btn:hover {
    color: #FFFFFF;
    background-color: #464956;
    border-color: #464956;
}


.nav-link:hover {
    color: #a8a9ac;

}


/* Login form button style */

#sign_up_btn:hover {
    background-color: #FFFFFF;
    color: #0d3c60 !important;
}

#login_btn:hover {
    background-color: #FFFFFF !important;
    color: #0d3c60 !important;
    border: 1px solid !important;
    border-color: #0d3c60 !important;
}

.form-control {
    color: #464956 !important;
}

.date-link {
    color: #007bff;
    text-decoration: none;
    transition: color 0.3s ease;
}

.date-link:hover {
    color: #0056b3;
    text-decoration: underline;
}