body {
    font-size: 13pt;
    font-family: Calibri;
}

header img.logo {
    width: 100px;
    padding: 0;
    margin: 0;
}

header a img.logo {
    border: 0;
    text-decoration: none;
}


h1,h2, h3, h4, h5, h6 {
    color: hsl(202, 50%, 40%);
}

nav {
    
    font-size: 12pt;
    margin: 1.5em 0em;
    line-height: 2em;
    
}

nav span {

    font-size: 10pt;
    line-height: 3em;

    
}

nav a {
    
}

h1 {
    font-size: 40pt;
    font-family: "Public Sans", sans-serif;
    font-family: "Inter", sans-serif;
    font-family: "Open Sans", sans-serif;
    font-family: "Orbitron", sans-serif;
}

    h1.main {
        font-size: 45pt;
        color: hsl(200, 80%, 30%);        
    }
    

    h2 {
        font-size: 30pt;

    }

    h2 {
        font-size: 25pt;

    }

main {
    margin: 1em auto;
    max-width: 700px;
    padding: 0em 0.5em;

    font-family: "Public Sans", sans-serif;
    font-family: "Orbitron", sans-serif;
    font-family: "Inter", sans-serif;
    font-family: "Open Sans", sans-serif;
}

header {
    margin: 1em auto;
    max-width: 700px;
    padding: 0em 0em;
}

footer {
    margin: 0em auto;
    width: 700px;
    padding: 5px 0.4em;
}

footer, footer a {
    font-size: 12pt;
}

main, header, footer {
    max-width: 700px;
}


p.disclaimer {
    margin-top: 3em;
    text-transform: uppercase;
}

a {
    color: hsl(190, 50%, 40%);
    text-decoration: none;
}

a:hover {
    color: hsl(190, 50%, 50%);
}

section {
    margin: 2.5em 0em;
}







    footer h2 {
        font-size: 15pt;
        margin: 0.5em 0em;
    }

    footer h3 {
        font-size: 14pt;
        margin: 0.5em 0em;
    }



div.english-list {
    margin: 1.5em;
    color: hsl(200, 0%, 10%);
    font-size: 13pt;
    font-weight: 500;
}

div.language-list span {
    font-size: 13pt;
    font-weight: 500;
    font-family: "Open Sans", sans-serif;
}

div.language-list {
    margin: 1.5em;
    color: hsl(200, 0%, 10%);
    font-size: 19pt;
    font-weight: 500;
}

div.pronounce {
    margin: 1.5em;
    color: hsl(150, 50%, 45%);
    margin-bottom: 2em;
    line-height: 1.5;
}

div.language-list {
    /* option 1 */
    font-family: "Segoe UI";
    font-size: 20pt;
    font-weight: 500;
    /* option 2 */
    font-family: Dubai;
    font-family: "Tahoma";
    font-family: "Noto Sans Arabic","Calibri", sans-serif;
    font-size: 20pt;
    /*
            font-family: "Times New Roman";
            */
    /* option 3 */
    font-family: "Times New Roman";
    font-size: 26pt;
    font-weight: 500;
}

p.language {
    font-family: "Times New Roman";
    font-size: 26pt;
    font-weight: 500;
}



h2.practice {
    font-size: 16pt;
    color: hsl(200, 0%, 85%);
}

textarea.practice {
    font-size: 20pt;
    border: 1px solid hsl(200, 0%, 90%);
    max-width: 290px;
    height: 50px;
}


pre {
    white-space: pre-wrap;
    line-height: 1.5;
    font-family: Calibri;
    font-size: 16pt;
}

main.home h3 {
    font-size: 20pt;
    margin-top: 2em;
    margin-bottom: 1.5em;
}

main.home section {
    margin: 4em 0em;
}