p, ul, ol {
color: #b4a5a5;
font-size:100%
}
h1, h2 {
color: white;
line-height: 1.7;
font-family:'Brill', 'Noto Serif Display Light', 'Noto Sans Display Light', serif;
}
.hina {
color: white;
padding: 20px;
background: #151515;
}
.tolon {
border-radius: 10px;
}
.vikti {
padding: 5px;
text-align: center;
background-color: #C70039;
margin-bottom: 10px;
}
.neto {
padding: 30px;
}
.baksu {
background: #301B3F;
padding: 10px;
width: 370px;
float: right;
margin-left: 50px;
margin-bottom: 50px;
}
.baksu table {
padding: 10px;
border-collapse: separate;
border-spacing: 20px 20px;
background: #3C415C;
}
.baksu table tr td:first-child {
color: white;
width: 30%
}
.baksu table tr td:last-child {
color: #d1d5db;
}
.skala {
border: 1px solid #301B3F;
border-spacing: 0;
text-align: center;
margin: auto;
}
.skala tr:last-child th:first-child{
border-bottom-left-radius: 10px;
}
.skala tr:last-child td:last-child {
border-bottom-right-radius: 10px;
}
.skala tr:first-child th:first-child{
background: #301B3F;
border: 1px solid #301B3F;
border-top-right-radius: 10px;
border-top-left-radius: 10px;
}
.skala td, .skala th{
padding: 5px 10px 5px 10px;
}
.skala tr th{
background: #3C415C;
}
.skala tr td{
color: #b4a5a5;
}
.skala tr:nth-child(even) td{
background: #1b1b1b;
}
.skala tr:nth-child(odd) td{
background: #151515;
}
.brill, em {
font-family:'Brill', 'Noto Serif Display Light', 'Noto Sans Display Light', serif;
}
ol {
list-style: none;
counter-reset: li;
}
li::before {
content: counter(li);
color: #3C415C;
display: inline-block;
width: 1em;
margin-left: -1em;
font-size: 150%;
}
li {
counter-increment: li;
}
.gashe {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: 1fr;
grid-gap: 30px;
}
.klea {
font-size: 400%;
color: #b4a5a5;
}
.klea_baksu {
text-align: center;
border: 4px solid white;
border-radius: 10px;
border-color: #3C415C;
}
.gashe_2 {
display: grid;
grid-template-columns: repeat(2, 100px 1fr);
grid-auto-rows: auto;
grid-gap: 20px;
}
.mahaklar::first-line {
color: white;
}