.inputclassblue
{
    display: flex;
    justify-content: center;
    text-align: center;
    margin: 5px!important;
    border-radius: 10px;
    color: #000!important;
    background: #fff!important;
    padding: 20px;
    box-shadow: 0px 0px 7px #c3d8ff!important;
}

.resultbuttonblue
{
    padding: 4px 10px 4px 10px;
    border-radius: 10px;
    color: #88b0ff!important;
    background: #fff;
    box-shadow: 0px 0px 7px rgb(193, 215, 255)!important;
    border: none;
    cursor: pointer;
}

.inputstyleblue
{
    margin: 5px!important;
    border-radius: 10px;
    color: #000!important;
    background: #fff!important;
    box-shadow: 0px 0px 7px #c3d8ff!important;
    text-align: center;
}

.resultclassblue
{
    text-align: center;
    margin: 5px!important;
    padding: 0px 10px 0px 10px;
    border-radius: 10px;
    color: #88b0ff!important;
    background: #fff;
    border: none;
}

.inputclassgreen
{
    display: flex;
    justify-content: center;
    text-align: center;
    margin: 5px!important;
    border-radius: 10px;
    color: #000!important;
    background: #fff!important;
    padding: 20px;
    box-shadow: 0px 0px 7px #0096007a!important;
}

.resultbuttongreen
{
    padding: 4px 10px 4px 10px;
    border-radius: 10px;
    color: #69c770!important;
    background: #fff;
    box-shadow: 0px 0px 7px #0096007a!important;
    border: none;
    cursor: pointer;
}

.inputstylegreen
{
    margin: 5px!important;
    border-radius: 10px;
    color: #000!important;
    background: #fff!important;
    box-shadow: 0px 0px 7px #0096007a!important;
    text-align: center;
}

.resultclassgreen
{
    text-align: center;
    margin: 5px!important;
    padding: 0px 10px 0px 10px;
    border-radius: 10px;
    color: green!important;
    background: #fff;
    border: none;
}