.node-selection {
    width:50px;
    height:50px;
    border:solid;
    border-radius:1px;
    border-style: double;
    border-color: rgb(104, 104, 104);
    background-color: rgb(177, 177, 177);
    font-size:0pt;
}
.node-selection-activated{
    width:50px;
    height:50px;
    border:solid;
    border-radius:1px;
    border-style: double;
    border-color: rgb(104, 104, 104);
    background-color: rgb(241, 241, 241);
    font-size:0pt;
}
#node-selection-box{
    height:300px;
    padding:25px;
    background-color:rgb(46, 46, 46);
    
    
}
.horizontal-layout-group{
    display: flex;
    align-content: center;
    justify-content: center;
}
.number-box{
    width:75px;
    height:75px;
    border:solid;
    border-radius:1px;
    border-style: double;
    border-color: rgb(104, 104, 104);
    background-color: rgb(177, 177, 177);
    font-size:20pt;
}
#numbers-box{
    
    height:100px;
    padding:25px;
    background-color:grey;
    display:flex;
    align-content: center;
    justify-content: center;
}

#target-box{
    display:flex;
    align-content: center;
    justify-content: center;
    padding:25px;
}
.target-number-box{
    width:60px;
    height:100px;
    border:solid;
    font-size:40pt;
}
#central-content{
    align-items: center;
    justify-content: center;
    width:60%;
    height:80%;
    background-color: rgb(110, 110, 110);
    display:grid;
}
html, body {
    align-items: center;
    justify-content: center;
    height: 100%;
    margin:0;
    background-color: rgb(82, 82, 82);
    color:white;
}

.fancy-button{
    width:200px;
    height:50px;
    margin:10px;
    border-radius: 5px;
    background-color: rgb(189, 189, 189);
}
.fancy-vertical-button{
    margin:10px;
    border-radius: 5px;
    background-color: rgb(189, 189, 189);
}

.nomargin{
    margin:0px;
}