/* ---------- Background ---------- */

body {
    background-color: #0d1117;
    color: #f5f5f5;
    font-family: Arial, Helvetica, sans-serif;
}

/* ---------- Navbar ---------- */

.navbar {
    box-shadow: 0px 2px 10px rgba(0,0,0,.4);
}

/* ---------- Cards ---------- */

.card {
    background-color: #161b22 !important;
    border-radius: 15px;
    border: 1px solid #30363d;
    box-shadow: 0 4px 10px rgba(0,0,0,.25);
    transition: .3s;
}

.card:hover {
    transform: translateY(-3px);
}

/* ---------- Titles ---------- */

h1 {
    color: #f4b400;
    font-weight: bold;
}

h2, h3, h4, h5 {
    color: white;
}

/* ---------- Buttons ---------- */

.btn {
    border-radius: 10px;
    font-weight: bold;
}

/* ---------- Links ---------- */

a {
    color: #f4b400;
    text-decoration: none;
}

a:hover {
    color: white;
}

/* ---------- AI Analysis ---------- */

ul {
    font-size: 17px;
}

li {
    margin-bottom: 8px;
}