.racelogic-card {
    transition: all 0.3s ease; /* smooth transition */
    font-weight: 400;
    font-size: x-large;
    color: #30b3f6;
}

.racelogic-card:hover {
    border: 1px solid #30b3f6; /* blue border */
    transform: translateY(-5px); /* raises the card up */
    box-shadow: 0 4px 8px rgba(0,0,0,0.2); /* often adds shadow for depth */
    color: gray;
}

.search-bar-callout {
    color: #00263a;
    font-size: 1.2rem;
}


.footer {
    /*position: fixed;*/
    bottom: 0;
    left: 0;
    background-color: lightgrey;
    width: 100%;
}

.footer .copyright {
    float: left;
}

.footer .external-links {
    float: right;
}