body {
    font-family: 'trebuchet MS', 'Lucida sans', Arial, serif;
    font-size: 12pt;
    color: #444;
    text-align: center;
}

.word-input {
    border: 1px solid #cccccc;
    border-radius: 6px;
    background: #ffffff !important;
    outline: none;
    font-size: 20pt;
    font-weight: bold;
    padding: 12px;
    width: 90%;
    max-width: 600px;
}

img.logo {
    /*width: 100%;*/
    max-width: 200px;
    /*display: none;*/
}

h1 {
    font-size: 16pt;
}

h2 {
    font-size: 17pt;
}

h2.good {
    color: #0c0;
}

h2.bad {
    color: #f00;
}

div.content {
    margin: 20px;
}

div.defs {
    max-width: 640px;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
}

.stats {
    font-size: 12pt;
    color: #777;
}

.hidden {
    display: none;
}

#not_found {
    font-weight: bold;
    color: red;
    font-size: 16pt;
    width: 100%;
    text-align: center;
}

.green-button {
    margin-top: 20px;
    display: inline-block;
    color: white;
    font-size: 16pt;
    background: #00cc00;
    padding: 10px;
    border-radius: 8px;
    text-decoration: none;
    width: 300px;
    left: auto;
    right: auto;
}

a.go-back-link {
    font-size: 18pt;
}

img.def-picture
{
    display: none;
    max-width: 640px;
    max-height: 480px;

    margin: 0 auto;

    box-shadow:
            0 2.8px 2.2px rgba(0, 0, 0, 0.034),
            0 6.7px 5.3px rgba(0, 0, 0, 0.048),
            0 12.5px 10px rgba(0, 0, 0, 0.06),
            0 22.3px 17.9px rgba(0, 0, 0, 0.072);
    margin-bottom: 30px;
}