body {
    
}

h1 {
    
}

table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 20px;
}

th, td {
    padding: 10px;
    border: 1px solid #ddd;
    text-align: left;
}

th {
    background-color: #f4f4f4;
}

.profit-positive {
    color: green;
}

.profit-negative {
    color: red;
}

.fade-out {
    opacity: 0;
    transition: opacity 3s;
}

.fade-in {
    opacity: 0;
    animation: fadeIn 3s forwards;
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 3; }
}