.board{
    display: flex;
}
.home{
    width: 50px;
    height: 50px;
    border: 5px solid rgba(20,100,155);
    background-color: rgb(50,180,255);
    color: rgb(255,255,255);
    text-align: center;
    font-size: 40px;
    font-weight: 800;
    font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}
.line{
    stroke:rgba(255,100,100,0.5);
    stroke-width:10px;
}
.true{
    color: rgb(0,155,0);
}
.false{
    color: rgb(255,0,0);
}
.help{
    color: rgb(0,0,0);
}
.level{
    transition: 0.5s;
}
.level:hover{
    background-color: blue;
}
#levels{
    width: 300px;
    height: 480px;
    overflow-y: scroll;
}
#svg{
    width: 575px;
    height: 575px;
}
#exam-button{
    width: 200px;
    height: 50px;
    background-color: red;
    border: 0px;
    margin: 0px;
    padding: 0px;
    color: white;
    font-size: 30px;
    border-radius: 20px;
}
#myB{
    background-color: white;
    color: blue;
    font-size: 40px;
}
body{
    user-select: none;
    color: rgb(75,55,0);
    background-color: rgb(180,200,255);
    display: flex;
}
#ba{
    right: 0px;
    top: 200px;
}
#do{
    right: 0px;
    top: 600px;
}
@media screen and (max-width:1300px)
{
    #opinions{
        display: none;
    }
}
@media screen and (max-width:1100px)
{
    #ba{
        position: fixed;
        top:500px;
    }
    #do{
        top:670px;
    }
}
@media screen and (max-width:1050px)
{
    #name{
        display: none;
    }
}