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

body { 
    margin: 0 auto;
    --àwɔ̀-aɾó-dúdú: #002147;
    --àwɔ̀-èʃìí: #901b26;
    --àwɔ̀-ɛfũ: #f2f4f8;
    --ìŋ͡wɔ̀-kíkɔ-àkɔ̀ɔ́lé: 1.25rem;
    --kíkɔ-ìd͡ʒìíʃɛ́: 14px;
    --ìmɔ̀ɔ́-gaaɾa: 0.85;
}

*:focus { outline: 0; }

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

form input, form select {
    line-height: 1.5;
}

::placeholder { color: var(--àwɔ̀-fũfũ); font-family: var(--oge-kíkɔ); opacity: var(--ìmɔ̀ɔ́-gaaɾa); }
::-webkit-input-placeholder { color: var(--àwɔ̀-fũfũ); font-family: var(--oge-kíkɔ); opacity: var(--ìmɔ̀ɔ́-gaaɾa); }
:-moz-placeholder { color: var(--àwɔ̀-fũfũ); font-family: var(--oge-kíkɔ); opacity: var(--ìmɔ̀ɔ́-gaaɾa); }
::-moz-placeholder { color: var(--àwɔ̀-fũfũ); font-family: var(--oge-kíkɔ); opacity: var(--ìmɔ̀ɔ́-gaaɾa); }
:-ms-input-placeholder { color: var(--àwɔ̀-fũfũ); font-family: var(--oge-kíkɔ); opacity: var(--ìmɔ̀ɔ́-gaaɾa); }
::-ms-input-placeholder { color: var(--àwɔ̀-fũfũ); font-family: var(--oge-kíkɔ); opacity: var(--ìmɔ̀ɔ́-gaaɾa); }

#ìró { height: 100%; }

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

.ike-w {
    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; }

.àjè-ìhà { 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 { /* IN CASE OF ERROR */
    border-color: var(--àwɔ̀-èʃìí);
}

/*.ì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ɾó-dúdú);
    background-color: var(--àwɔ̀-aɾó-dúdú);
    color: var(--àwɔ̀-fũfũ);
    font-size: 1rem;
}

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

.sàmì { color: var(--àwɔ̀-ɛfũ); }

.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(--àwɔ̀-ɛfũ);
}

#ìjɛ̀ɛ́niwɔ̀ .ɛ̀jà-ìjɛ̀ɛ́niwɔ̀ {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    margin-bottom: 2rem;
    border-bottom: 1px solid rgba(255, 255, 255, .5);
}

#ìjɛ̀ɛ́niwɔ̀ .ɛ̀jà-ìjɛ̀ɛ́niwɔ̀ a {
    flex: 1 1 auto;
    text-align: center;
    font-size: 1.5em;
    padding: .5em .2em;
    border-bottom: 2px solid rgba(0,0,0,0);
    transition: color .25s ease, border-color .25s ease;
}

#ìjɛ̀ɛ́niwɔ̀ .ɛ̀jà-ìjɛ̀ɛ́niwɔ̀ a.active {
    font-weight: bold;
    color: var(--àwɔ̀-aɾó-dúdú);
    border-bottom-color: var(--àwɔ̀-aɾó-dúdú);
}

.èʃì .èsì-àkɔsílɛ̀ {}

.èsì-àkɔsílɛ̀ {
    color: var(--àwɔ̀-èʃìí);
    font-size: var(--kíkɔ-ìd͡ʒìíʃɛ́);
    padding: 2px;
}

.ohũ-alá-àjè {
    margin: 4px;
}

@media screen and (max-width: 767px) {
    .ìdáhùn {
        border-radius: 999px;
    }
    .àwọ̀-àkóso-ìwọlé { 
        border-radius: 999px; 
    }
}