@font-face {
    font-family: "Roboto";
    src: url('/assets/fonts/Roboto-Regular.ttf') format('truetype');
}

body {
    font-family: Roboto, Verdana, Geneva, Tahoma, sans-serif;
    transition: background-color 0.3s ease;
}

.card {
    max-width: 500px;
    margin: 50px auto;
    padding: 30px;
    border-radius: 10px;
    transition: background-color 0.3s ease;
}

.card img {
    max-width: 100%;
    border-radius: 50%;
}

.fab {
    color: inherit;
    transition: color 0.3s ease;
}

.fab:hover {
    color: orange;
    transition: color 0.3s ease;
}

body .list-group-item {
    transition: background-color 0.3s ease;
}

.toggle-icon {
    color: inherit;
    transition: color 0.3s ease;
}

.toggle-icon:hover {
    color: orange;
    transition: color 0.3s ease;
}

.cookie-banner {
    max-width: 500px;
    margin: 10px auto;
    padding: 30px;
    border-radius: 10px;
    transition: background-color 0.3s ease;
    position: fixed;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9999;
}

.cookie-banner p {
    margin-bottom: 0;
}