.modal-hangman-pako{
    background-color: #cdd8ef;
}
.btn-start{
    margin-top: 2em;
}
.hangman-feedback {
    margin: 0 auto;
    width: 75%;
    min-height: auto;
    padding-bottom: 2em;
    line-height: 1.3;
}

.modal-aikakapseli{
    background-color: #ffffff;
}

.code-input-group{
    margin-bottom: 20px;
}

.code-input{
    width: 60px;
    height: 60px;
    border: 4px solid #fff;
    margin-right: 10px;
    font-size: 40px;
    text-align: center;
    text-transform: uppercase;
}

.input-green{
    border-color: #9cbd4d;
    color: #9cbd4d;
}
.input-orange{
    border-color: #d48e2d;
    color: #d48e2d;
}
.input-blue{
    border-color: #6291ce;
    color: #6291ce;
}
.input-red{
    border-color: #c55d53;
    color: #c55d53;
}
.input-turquoise{
    border-color: #88bdbb;
    color: #88bdbb;
}

.check-red{
    color: #ff0000;
}
.check-green{
    color: #00ff00;
}

.validate-icon{
    width: 50px;
}

strong{
    font-weight: bold;
}

.heading-row{
    padding-bottom: 20px;
}
.heading-row ul{
    list-style: disc;
    padding-left: 20px;
}
.heading-row li,
.heading-row p{
    margin-bottom: 10px;
    line-height: 1.4;
}


.heading-kapseli{
    margin-bottom: 10px;
    text-align: left;
}

p{
    line-height: 1.3em;
}


.upper-right{
    position: absolute;
    top: 30px;
    right: 50px;
}