html { font-family: var(--oge-kíkɔ); }

body { 
    margin: 0 auto;
    /*--ìŋ͡wɔ̀-kíkɔ-àkɔ̀ɔ́lé: 2rem;*/
    --ìŋ͡wɔ̀-kíkɔ-àkɔ̀ɔ́lé: 1.25rem;
}

*:focus { outline: 0; }

a {
    cursor: pointer; 
    text-decoration: none; 
    user-select: auto; 
    color: var(--àwɔ̀-fũfũ);
}

::placeholder { color: var(--àwɔ̀-fũfũ); font-family: var(--oge-kíkɔ); opacity: 0.5; }
::-webkit-input-placeholder { color: var(--àwɔ̀-fũfũ); font-family: var(--oge-kíkɔ); opacity: 0.5; }
:-moz-placeholder { color: var(--àwɔ̀-fũfũ); font-family: var(--oge-kíkɔ); opacity: 0.5; }
::-moz-placeholder { color: var(--àwɔ̀-fũfũ); font-family: var(--oge-kíkɔ); opacity: 0.5; }
:-ms-input-placeholder { color: var(--àwɔ̀-fũfũ); font-family: var(--oge-kíkɔ); opacity: 0.5; }
::-ms-input-placeholder { color: var(--àwɔ̀-fũfũ); font-family: var(--oge-kíkɔ); opacity: 0.5; }

#ìró { height: 100%; }

#ike {
    /*padding-top: 50px;*/
    padding-top: 110px;
    /*height: calc(100% - 50px);*/
    height: 100%;
    display: flex;
    align-items: center;
}

.ike {
    margin: 0 auto;
    justify-content: center;
    /*background-color: var(--titumɔ);*/
    background-color: light-dark(var(--àwɔ̀-fũfũ), var(--àwɔ̀-dùúdú-ògiri));

}

#inú-ike {
    max-width: 1290px;
    width: 100%;
    height: inherit;
    border: 0;
    box-sizing: border-box;
    display: flex;
}

.inú-ike { padding: 18px 10px; }

.ìtàgé {
    width: 100%;
    padding: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#àsíá-títúmọ̀ { height: 45px; }

.àárín { text-align: center; }

.àyè-ìsàlẹ̀-0 { margin-bottom: 0px; }

.àyè-ìsàlẹ̀-24 { margin-bottom: 24px; }

.àyè-òkè-12 { margin-top: 12px; }

.àyè-ìsàlẹ̀-12 { margin-bottom: 12px; }

.àyè-òkè-2 { margin-top: 2px; }

.àyè-ìsàlẹ̀-2 { margin-bottom: 2px; }

.àyè-ẹ̀gbẹ́-a { margin-left: auto; margin-right: auto; }

.ìrọ̀rí-24 { padding: 24px; }

.ìrọ̀rí-16 { padding: 16px; }

.ìrọ̀rí-ìsàlẹ̀-16 { padding-bottom: 16px; }

.ìrọ̀rí-ìsàlẹ̀-0 { padding-bottom: 0px; }

.ìbú-ìparí { max-width: 500px; }

.ìbú-100 { width: 100%; }

.ìbú-ààlà-250 { max-width: 250px; }

.títẹ̀-8 { border-radius: 8px; }

.ẹ̀bá-ìsàlẹ̀ { border-bottom: 1px solid var(--àwɔ̀-fũfũ); }

.fihàn-f { display: flex; }

.fd-c { flex-direction: column; }

.oge-kíkọ {
    font-size: 1rem;
    /*color: ;*/
    font-family: inherit;
    font-weight: 700;
    --ìrọ̀rí: calc(2px);
    padding: 0 var(--ìrọ̀rí);
}

.ipò-r { position: relative; }

.ìdáhùn {
    background-color: transparent;
    border: 1px solid var(--àwɔ̀-fũfũ);
    /*border: 1px solid hsl(210,9%,75%);*/
    --títẹ̀: calc(8px);
    border-radius: var(--títẹ̀);
    color: var(--àwɔ̀-ɔ̀rɔ̀-ode-kíkɔ);
    font-size: 1rem;
    --ìrọ̀rí-òkè: calc(.6em);
    --ìrọ̀rí-ẹ̀gbẹ́: calc(.7em);
    padding: var(--ìrọ̀rí-òkè) var(--ìrọ̀rí-ẹ̀gbẹ́);
    -webkit-appearance: none;
    margin: 0;
    width: 100%;
}

.ìdáhùn::placeholder {
    color: var(--àwɔ̀-kíkɔ-1);
}

.àwọ̀-t { background-color: var(--titumɔ); }

.àwọ̀-f { background-color: var(--àwɔ̀-fũfũ); }

.àwọ̀-àkóso-ìwọlé {
    --ìrọ̀rí-òkè: calc(.6em);
    --ìrọ̀rí-ẹ̀gbẹ́: calc(.7em);
    padding: var(--ìrọ̀rí-òkè) var(--ìrọ̀rí-ẹ̀gbẹ́);
    border: 1px solid var(--àwɔ̀-aɾó);
    background-color: var(--àwɔ̀-aɾó);
    color: var(--àwɔ̀-fũfũ);
    font-size: 1rem;
}

.àwọ̀-kíkọ { 
    /*color: var(--àwɔ̀-aɾó);*/
    color: var(--àwɔ̀-kíkɔ-1);
}

.sàmì:hover { cursor: pointer; }

.tẹnumọ́:hover { text-decoration: underline; }

.ìmọ́-50 { opacity: 0.5; }

.ìkìlọ̀ {
    background-color: lightpink;
    /*border: 1px solid var(--àwɔ̀-fũfũ);*/
    border: none;
    --títẹ̀: calc(8px);
    border-radius: var(--títẹ̀);
    color: var(--àwɔ̀-fũfũ);
    font-size: 1rem;
    --ìrọ̀rí-òkè: calc(.3em);
    --ìrọ̀rí-ẹ̀gbẹ́: calc(.7em);
    padding: var(--ìrọ̀rí-òkè) var(--ìrọ̀rí-ẹ̀gbẹ́);
    -webkit-appearance: none;
    margin: 0;
    display: flex;
    justify-content: space-between;
}

.parẹ́-ìkìlọ̀ {
    border: none;
    background-color: transparent;
    cursor: pointer;
}

.parẹ́-ìkìlọ̀:hover { background-color: #de9ea7; }

.àwɔ̀-1 { background-color: var(--àwɔ̀-kpaali); }

.ìŋ͡wɔ̀-kíkɔ-àkɔ̀ɔ́lé {
    font-size: var(--ìŋ͡wɔ̀-kíkɔ-àkɔ̀ɔ́lé);
    color: var(--oge-kíkɔ);
}