:root{
    --this-site-bold: 300;
    --this-site-regular: 100;

}

body {
    /*
    //background-image: url(/images/background/background.jpg);
    //background-position: center center;
    //background-repeat: no-repeat;
    //background-attachment: fixed;
    //background-size: cover;
    */
    font-family: 'M PLUS 1p', sans-serif;
    line-height:1.8;
    color:#666666;
}

.pattern_a{
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    bottom:0px;
    z-index:-1;
    //background-image: url(/images/background/pattern_a.png);
    background-position: left;
    background-repeat: no-repeat;
    background-size: contain;
}

.pattern_b{
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    bottom:0px;
    z-index:-1;
    //background-image: url(/images/background/pattern_b.png);
    background-position: right;
    background-repeat: no-repeat;
    background-size: contain;
}

#top_logo{
    position: absolute;
    bottom: 50%;
    left: 50%;
    width: 800px;
    height: 154px;
    transform: translate(-400px, 0px);
}

#login_button{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 240px;
    height: 115px;
    transform: translate(-120px, 40px);
}
#eu_login_button{
    position: absolute;
    top: 50%;
    left: 50%;


}


#start_box{
    position: absolute;
    top: 60%;
    width: 100%;
    bottom:0;
}

#start_button{
    position: relative;
    text-align: center;
    width: 100%;
}

#start_message{
    position: relative;
    width: 100%;
    text-align: center;
    padding-top:10px;
    font-size:1.7em;
}

#left_face{
    position:absolute;
    left:25%;
    top:50%;
    transform: translate(-166px, -244px);
    z-index:-1;
}
#right_face{
    position:absolute;
    left:75%;
    top:50%;
    z-index:-1;
    transform: translate(-166px, -244px);
}

.choice_box{
    display:flex;
    flex-wrap: wrap;
    #justify-content:space-between;
}


.choice {
    background-image: url(/images/button/button_a.png);
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
    width: 176px;
    height: 60px;
    font-weight:500;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 10px 12px;
    line-height:1.2;

}

.not_selected {
    background-image: url(/images/button/button_a.png);
    color: #666666;
}

.selected {
    background-image: url(/images/button/button_b.png);
    color: white;
}

#diagnosis_description{
    background-color:#c654a7;
    border-radius: 10px;
    margin-top:50px;
    color:white;
}
#eu_diagnosis_description{
    background-color:#c654a7;
    border-radius: 10px;
    margin-top:20px;
    color:white;
}

.question_question{
    color:#c654a7;
    font-size:1em;
    font-weight:500;
    text-align: left;
    margin:30px 12px 0px 12px;

}
.eu_question_question{
    color:#c654a7;
    font-size:1em;
    font-weight:500;
    text-align: left;
    margin:10px 12px 0px 12px;

}

#check_btn{

}