@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&display=swap');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css");

body {
    font-family: 'Poppins', sans-serif;
    background-color: #f8f9fa;
}

.note-card .card {
    transition: transform 0.2s;
    border-left-width: 5px;
}

.note-card .card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 16px rgba(0,0,0,0.2);
}

.note-card .card-body {
    padding: 1.5rem;
}

.note-card .card-title {
    font-weight: 600;
}

.note-card .btn-danger {
    background-color: #dc3545;
    border: none;
}

.note-card .btn-warning {
    background-color: #ffc107;
    border: none;
}