#tickers-grid {
     display: flex;
     flex-wrap: wrap;

}

body {
    background-image: url('resources/space.jpg');
    background-size: cover;
    
}


.stock-box  {
    width: 200px;
    height: 200рх;
    border: 1px solid #333;
    margin: 10px;
    padding: 10px;
    transition: background-cotor 0.5s;
    background: #272424;
    
}
 .dark-red {
     color: #880000;
 }
 
 .red{
     color: #FF0000;
 }

 .gray{
     color: #808080;
 }
 .green {
    color: #00BB00;
 }
 .dark-green {
    color: #006600; 
 }

 .stock-box {
    width: 200px;
    height: 200px;
    border: 1px solid #333;
    margin:  10px;
    padding: 10px;
    color: black;
 }


.red-flash {
    transition: background-color 1s;
    background-color: #ffcccc !important; /* Light red */
}
 .green-flash{
    transition: background-color 1s;
    background-color: #ccffcc !important; /* light green */
 }
 .gray-flash {
    transition: background-color 1s;
    background-color: #ccc !important; /* Light green */
 }
 #timer{
    color: white;
 }