/* Reset styles */
body, figure, h1, h2, h3, p, blockquote, dl, dd, ul, ol, li, pre, form, fieldset, legend, input, textarea, th, td {
    margin: 0;
    padding: 0;
}

body {
    font-family: 'Arial', sans-serif; /* Замените на ваш шрифт по умолчанию */
}

/* Ваши стили ниже */

#tableContainer {
    float: left; /* Выравнивание по левому краю */
    margin-right: 0px; /* Дополнительный отступ справа (если нужен) */
   width: 100%;
    max-width: 600px;
    margin: 20px auto;
    border-collapse: collapse;
  
}

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

th {
    background-color: #5f95cdf7;
    color: #ffffffeb;
}


.crypto-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
}

.crypto-symbol {
    display: flex;
    align-items: center;
    background-color: #6498ce;
    color: #fff;
    padding: 8px;
    vertical-align: middle; /* Добавлено свойство для вертикального выравнивания по центру */
}

.crypto-symbol img {
    margin-right: 8px;
}

.crypto-price {
    flex: 1;
}

.price-up {
    color: #4caf50d9; /* Задайте нужное значение прозрачности */
}

.price-down {
    color: #e84142d1; /* Задайте нужное значение прозрачности */
}