:root {
    --earth-source-bg-col:#dfded9;

    --earth-source-navbar-bg-col: white;
    --earth-source-navbar-height: 70px;

    --earth-source-footer-bg-col: white;
    --earth-source-footer-height: 175px;

    --earth-source-card-border-radius: 1rem;
    --earth-source-card-padding: 20px;
    --earth-source-card-hover-scale: 1.02;
    --earth-source-card-hover-transition-duration: 0.05s;
    --earth-source-card-hover-timing-func: ease;

    height: 100%;
}

body {
    background-color: var(--earth-source-bg-col);
    height: 100%;
}

#navbar {
    position: sticky;
    top: 0;
}

div.main-content {
    width: 100%;
    padding: 3rem 5rem;
    min-height: calc(100vh - var(--earth-source-navbar-height));
}

h1.title {
    font-weight: bold;
    margin-bottom: 2rem;
}

.hover-card {
    transition: transform var(--earth-source-card-hover-transition-duration) var(--earth-source-card-hover-timing-func);
}

.hover-card:hover {
    transform: scale(var(--earth-source-card-hover-scale))
}

.no-link-format {
    color: inherit;
    text-decoration: none;
}