﻿


div.panel {

    display: inline;
    float: left;

    /*

    border: 1px solid black;

    */
    

    
    margin-right: 10px;

}

form, fieldset {
    padding: 0;
    margin: 0;
/*
    border: 1px solid black;
*/

}

div.panel.left {
    max-width: 350px;
}

br.clear-left {
    clear: left;
    line-height: 0;
}
div.panel.right {

}

    textarea.input-content {
        height: 200px;
        font-size: 14pt;
    }

    input.include-words, textarea.input-content {
        width: 90%;
        padding: 8px;
    }

    input.include-words {
        font-size: 12pt;
    }


/*
@media only screen and (min-width: 500px)
{
    textarea.input-content {
        width: 470px;
        height: 200px;
    }
}

@media only screen and (min-width: 700px)
{
    textarea.input-content {
        width: 670px;
        height: 200px;
    }
}
*/





fieldset {
    border: 0;
    padding: 0;
    margin: 0;
}
input[type=submit] {
    font-size: 14pt;
    padding: 0.5em;
}

input[type=checkbox] {
    font-size: 18pt;
    width: 16px;
    height: 16px;
    padding-right: 2em;

}

form div {
    margin: 0;
}

label {
    font-weight: bold;
}

label {
    margin: 0;
    padding: 0;
    font-size: 12pt;
    line-height: 1.1em;
}

div.enter-content {
    margin-bottom: 0.5em;
}

div.enter-content label {
    margin-top: 0;
    font-size: 14pt;
}


div.grammar {
    margin: 0.5em 0em;
}

div.grammar label {
    padding-left: 10px;
}

section {
    margin: 0.5em 0em;
}



table.summary {

}

table.summary td {

    padding: 0.5em;
    padding-left: 0;
    padding-right: 2em;

    color: hsl(0, 0%, 5%);

}

div.clear-results {
    margin-bottom: 1em;
}
a.cta.full {
    font-size: 12pt;
}

table.summary td.number {
    font-weight: bold;
    font-size: 18pt;
}

table.summary td.number span {
    font-weight: normal;
    font-size: 14pt;
}

table.summary.your-our td.number {
    font-size: 14pt;
}

table.summary.your-our td {
    font-size: 13pt;
}



p.p1 strong {
    color: hsl(185, 100%, 35%);
    font-size: 18pt;
}

p.p3 strong {
    color: hsl(0, 0%, 15%);
    font-size: 17pt;
}

h2 {
    /*
    color: hsl(190, 100%, 34%);
        */
    color: hsl(190, 0%, 2%);
    font-size: 25pt;
}

label {
    color: hsl(190, 100%, 32%);
}

section h2 {
    color: hsl(195, 100%, 30%);
    color: hsl(195, 0%, 2%);
    font-size: 25pt;
}




table.words-frequency {

}

table.words-frequency tr.alternate td {
    background-color: hsl(0, 0%, 85%);
}

table.words-frequency tr.alternate td.bar {
    background-color: unset;
}

table.words-frequency td {
    padding: 0.2em;
    padding-left: 0.4em;

    color: hsl(0, 0%, 5%);
}

table.words-frequency td.word-text {
    padding-right: 2em;
    font-size: 15pt;
}

table.words-frequency td.word-count {
    font-size: 17pt;
}

/*
table.words-frequency tr.alt td {

}
*/

section.summary-and-feedback {
    margin-top: 2em;
}

section.tool-by {
    margin-top: 3em;
}



div.progress-bar {
    height: 14px;
    background: hsl(200, 100%, 37%);
}

div.your-words div.progress-bar {
    background: hsl(150, 100%, 30%);
}

div.our-words div.progress-bar {
    background: hsl(190, 100%, 30%);
}



