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; }