a {
    color: inherit; /* Наследует цвет текста от родительского элемента */
    text-decoration: none;
}
.content a:hover {
    border-bottom: 1px solid whitesmoke;
}
body {
    background-color: #272727;
    color: white;
    transform: scale(0.7);
    transform-origin: 30% 0; /* Середина по горизонтали, верх по вертикали */
    width: 100%;

}
path{
    fill: none;  
}
.chart{
    
    background-color:#1d1e20; /* or background: none; */
}
.content {
    border-radius: 1rem;
    padding: 2em;
    margin-bottom: 2em;
    background-color: #1d1e20;
    width: 700px;
    height: auto;
    display: flex;
    flex-direction: column;
    
}
.chart {
    transition: transform 0.2s ease; /* Плавное увеличение */
}

.chart:hover {
    background-color:#232323;
    border-radius: 0.3rem;
    transform: scale(3); /* Увеличение в 4 раза */
    transform-origin: center center; /* Точка масштабирования - центр */
}
/* Стиль для SVG-файлов */
svg {
    stroke:  rgb(255, 255, 255); /* Устанавливаем цвет линии на белый */
    stroke-width: 2; /* Устанавливаем толщину линии */
}
#myChart polyline { /* myChart - ID вашего SVG элемента */
    stroke: white;
    stroke-width: 3px;
}
.cont {
    padding: 20px;
}
.container{
    display: flex;
    justify-content: center;
    align-items: flex-start; /* Или center, если хотите центрировать по вертикали */
    height: 100vh; /* Занимает всю высоту окна */
    width:100%;
} /* Выравнивание по центру */**
.psevdo {

    background-color: #161616;
    color: whitesmoke;
    border-radius: 1rem;
    padding: 2em; /* Отступ в 2 раза больше размера шрифта родителя */
    width: 1700px; /* Или любое другое значение, например, 700px */
    height: auto;
    margin: 0 auto; /* Выравнивание по центру */
    display: flex;
}
.thr {
    margin-bottom: 20px;
}
#main{
    margin-top: 160px;
}
.head{
    background-color:#1d1e20;
    color: whitesmoke;
    margin-right: 10px;
    flex-direction:column;
    border-radius: 1rem;
    padding: 2em;
    margin-bottom: 2em;
    text-align: center;
    font-family: monospace;
}
.head a {
    display: inline-block;
    width: 180px;
    height: 80px;
    padding: 50px 40px;
    background-color:#5c5d60; /* Синий цвет */
    color:#161616;
    text-decoration: none;
    border: none;
    border-radius: 0.7em;
    cursor: pointer;
    font-size: 3em;
    text-align: center;
    font-family: monospace;
}
  
.head a:hover {
    box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.5); /* Более сильная тень при наведении */
    background-color: rgb(167, 167, 167);
}