.app {
    background-color: #5B2C6F;
    padding: 20px;
    color: gold;
    text-align: center;
    box-shadow: black 0 0 10px ;

}

.app .title{
    font-size: 22px;
    font-weight: bold;
}
.app input{
    direction: ltr;
    font-weight: bold;
    font-size: 20px;
    padding: 10px;
    box-shadow: black 0 3px 2px ;
    border-radius: 10px;
    max-width: 200px;
}

.checkups {
    margin-top: 10px;
    text-align: right;
    padding: 10px;
    border-radius: 10px;
    border: solid gold 1px ;
    background-color: rgba(0,0,0,0.3);

}
.checkups p{
    margin: 0;
    color: white;
    font-weight: bold;

}

.match_error{
    font-size: 16px;
    font-weight: bold;
    color: #C0392B;;
}

.submit_button{
    margin-top: 20px;
    color: white;
    font-size: 17px;
    padding: 10px;
    border-radius: 10px;
    box-shadow: black 0 1px 2px ;
    border: solid gold 1px ;
    cursor: pointer;
}
.submit_button p{
    margin: 0;
}


.post_box,.post_container{
    background-color: rgba(0,0,0,0);
    padding: 0;
}

.button_loader{
    width: 1em;
    height: 1em;
    background: currentColor;
}

.dialog{
    background-color: #512E5F;
    min-width: 250px;
    padding: 20px;
    border-radius: 1vw;
    border: 2px #D4AC0D solid;

}
.dialog .title{
    font-size: 20px;
    font-weight: bold;
    color: gold;
    align-items: center;
}
.dialog .msg{
    font-size: 16px;
    color: white;
    margin-top: 10px;
    align-items: center;
}

.dialog .ok_button{
    background-color: #196F3D;
    padding: 5px;
    border: solid 2px #58D68D;
    border-radius: 1vw;
    box-shadow: black 0 0 5px;
    cursor: pointer;
    margin-top: 10px;
}

.dialog .close{
    max-width: 30px;
    max-height: 30px;
    margin-right: 5px;
    cursor: pointer;
}