@font-face {
    font-family: "Roboto";
    src: local(Roboto Thin), url("./fonts/Roboto-Thin.woff2") format("woff2");
    font-weight: 200;
}

@font-face {
    font-family: "Roboto";
    src: local(Roboto Light), url("./fonts/Roboto-Light.woff2") format("woff2");
    font-weight: 300;
}

@font-face {
    font-family: "Roboto";
    src: local(Roboto Regular), url("./fonts/Roboto-Regular.woff2") format("woff2");
    font-weight: 400;
}

@font-face {
    font-family: "Roboto";
    src: local(Roboto Medium), url("./fonts/Roboto-Medium.woff2") format("woff2");
    font-weight: 500;
}

@font-face {
    font-family: "Roboto";
    src: local(Roboto Bold), url("./fonts/Roboto-Bold.woff2") format("woff2");
    font-weight: 700;
}

.btn-primary {
    color: #fff !important;
}

html {
    height: 100%;
    box-sizing: border-box;
}

body {
    position: relative;
    padding-bottom: 12rem;
    min-height: 100%;
    background-color: #343A40;
    color: white;
}

.page-footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: #1C2331;
}

.cookiewarning {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 1;
}

.card {
    background-color: #2E2E2E;
}

.card-text {
    color: white !important;
}

a:link, a:visited {
    color: lightblue
}

.list-group-item {
    color: black !important;
}

a:hover {
    color: orange
}