/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */

body {
  background-color: #fff;
  color: black;
  font-family: "Tahoma", sans-serif;
  line-height: 1.5;
  margin: 0;
  display: grid;
  grid-template-rows: auto auto 1fr auto;
}
/*BEDOELING: lipu ale o tu wan la nimi Balk & nimi Intro & nimi Sijelo o tawa ni*/

.ipa-txt {
  font-family: "Noto Sans Mono", monospace;
  text-decoration: none;
  color: black;
  background-color: #fff64edd;
}

.kleine-letters {
  font-size: 10px;
}

.medium-letters {
  font-size: 16px;
}

a {
  text-decoration: underline double #09c1b4;
  color: black;
}

kiku p {
  margin: 18px 18px;
}

h3 {
  color: #09c1b4;
  font-weight: bold;
  font-size: 18px;
}

.nimi-poki, h1, h2 {
  color: #09c1b4;
  font-size: 24px;
  font-weight: bold;
  margin: 0;
}

.jelo, mark{
  background-color: #fff64edd;
}

mark i {
  background-color: #0000;
}

.lasolili{
  background-color: #09c1b466;
}

.kuleala {
  background-color: #0000;
}

i {
  background-color: #09c1b466;
  font-style: italic;
}

b {
  font-weight: normal;
  background-color: #09c1b466;
}

.italic {
  font-style: italic;
}

.zinsel {
  list-style-type: lower-alpha;
}

.zinsel>li {
  margin-top: 0em;
}

.zinsel ul {
  list-style-type: none;
  padding-left: 20px;
}
.zinsel ul>li:first-child {
  font-style: italic;
  background-color: #09c1b466;
}

.taaltabel {
  border-collapse: collapse;
  table-layout: fixed;
  min-width: 375px;
  width: 100%;
  margin: 25px 0;
  font-size: .9em;
  background-color: #fff;
}

.taaltabel th,td {
  vertical-align: top;
  text-align: center;
  border: solid 2px;
}
.taaltabel th {
  font-weight: normal;
  background-color: #fff64e;
}

.taaltabel th i {
  background-color: #0000; 
}

.tulu5 {
  background-color: #ff00ff;
}
.tulu4 {
  background-color: #ff00ff99;
}
.tulu3 {
  background-color: #ff00ff66;
}
.tulu2 {
  background-color: #ff00ff33;
}
.tulu1 {
  background-color: #ff00ff00;
}


.nena-sewi {
        background-color: #fff64e;
        border-width: 3px;
        border-style: solid;
        font-weight: bold;
        border-radius: 3px;
        border-color: black;
        color: black;
        padding: 5px 5px 5px 5px;
}

.sitelen-sona{
  display: inline-block;
  max-width: 50%;
  border: 5px solid #09c1b4;
}