.mybutton {
    background-color: var(--main-color);
    width:100px;
}
#main {
    display:inline-block;
    position:relative;
    text-align:center;
    width:300px;
    border: 1px solid var(--text-color);
    padding-bottom:10px;
    margin-bottom: 20px;
}
.score {
    background-color: var(--main-color);
    display:inline-block;
    color: var(--bg-color);
    width: 100%;
    padding: 10px 0px;
}
.numbers>span:first-child {color: var(--right-color);}
.question {font-size: 150%;}
.reaction {font-size: 200%;}
.reaction.right {color: var(--right-color);}
.reaction.wrong {color: var(--wrong-color);}
#help {margin: auto; width: 550px;height:400px;
       position:relative;margin-left:5px;}
body {text-align:left;}
.sign {margin:0px 15px;}
.question {display:flex;justify-content: center;align-items:middle;margin-bottom:15px;}
.bg {stroke: var(--bg-color); fill: var(--bg-color);}