h1 {
    text-align: center;
}

.block {
    width: 700px;
    margin: auto;
    line-height: 1.5;
}

#input {
    margin-top: 50px;
    text-align: center;
}

label {
    display: block;
    text-transform: uppercase;
    margin-top: 20px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}

input[type=text] {
    font-size: 20px;
    text-align: center;
    width: 50%;
    font-family: 'Courier New', Courier, monospace;
    background-color: #fcf7ed;
    border: 1px solid black;
    padding: 10px;
}

small {
    margin-top: 10px;
    font-family: Arial, Helvetica, sans-serif;
    display: block;
}

button {
    font-size: 25px;
    margin-top: 20px;
}

/* Results */

#sentimentMean {
    font-size: 20px;
    font-weight: bold;
}

#results {
    display: none;
    margin-top: 10px;
    padding: 10px;
}

.post {
    border: 1px solid black;
    padding: 10px;
    border-radius: 10px;
    margin-top: 20px;
}

#loader {
    margin: 20px auto;
    display: none;
}

.sentimentScore {
    border: 5px;
    padding: 10px;
    border-radius: 3px;
}

.word {
    padding: 3px;
    border-radius: 1px;
}

textarea {
    width: 100%;
    height: 100px;
}

/* Negative values - darker shades of red */
.scale-minus-5 {
    background-color: #8B0000;
    /* Dark Red */
    color: white;
}

.scale-minus-4 {
    background-color: #B22222;
    /* Firebrick */
    color: white;
}

.scale-minus-3 {
    background-color: #CD5C5C;
    /* Indian Red */
    color: white;
}

.scale-minus-2 {
    background-color: #F08080;
    /* Light Coral */
    color: black;
}

.scale-minus-1 {
    background-color: #FA8072;
    /* Salmon */
    color: black;
}

/* Neutral (zero) */
.scale-0 {
    background-color: #F5F5F5;
    /* Light Gray */
    color: black;
}

/* Positive values - darker shades of green */
.scale-plus-1 {
    background-color: #98FB98;
    /* Pale Green */
    color: black;
}

.scale-plus-2 {
    background-color: #90EE90;
    /* Light Green */
    color: black;
}

.scale-plus-3 {
    background-color: #32CD32;
    /* Lime Green */
    color: white;
}

.scale-plus-4 {
    background-color: #228B22;
    /* Forest Green */
    color: white;
}

.scale-plus-5 {
    background-color: #006400;
    /* Dark Green */
    color: white;
}