@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');

:root {
    font-family: Noto Sans, sans-serif;
    margin: 0 10vw;
    text-align: center;
    background: tan;
}

a {
    text-decoration: none;
    color: darkblue;

    &:visited {
        color: darkblue;
    }

    &:hover {
        text-decoration: underline;
    }
}

nav {
    padding-bottom: 10px;
    border-bottom: 2px solid black;

    ul li {
        display: inline-block;
        margin: 0 20px;
    }
}

p.about {
    text-align: left;
    margin: 10vw;
    margin-top: revert;
}

ul.animals {
    li {
        font-size: 24px;
        font-weight: bolder;
        padding: 10px;
        display: inline-block;
        margin: 10px;
        background: lightgrey;
        border-radius: 14px;
        background-color: saddlebrown;

        a {
            color: wheat;
        }
    }
}

p.text {
    font-style: italic;
    font-size: large;

    &.language-he {
        direction: rtl;
    }
}

section.term {
    text-align: left;
    margin: 0 10vw;
}

ol.list {
    text-align: left;
    margin: 2vh 10vw;
}

footer {
    position: fixed;
    bottom: 10px;
    font-size: small;
}