#logo,.element{font-weight:700;text-align:center}*{font-family:Arial,serif;margin:0;padding:0}body{min-width:1050px;min-height:530px;background-color:#E1E5EE}#menu{width:200px;float:left;background-color:#C7CCDB}.sortingTypes,.topic{background-color:#767B91}#logo{width:100%;color:#2A324B;font-size:18px;letter-spacing:1px;padding:15px 0}#developer,.topic{font-size:15px}.topic{color:#E1E5EE;padding-left:10px;padding-top:7px;padding-bottom:7px}.currentAlgorithm,.sortingTypes{list-style-type:none;color:#E1E5EE;font-size:15px;padding:5px 0 5px 20px}.defaultCursor{cursor:default}.pointerCursor{cursor:pointer}#setModifier{border-top:2px solid;border-bottom:2px solid;border-top-color:#C7CCDB;border-bottom-color:#C7CCDB}#modifierSelector{height:7px;width:150px;margin-left:15px;cursor:pointer}.sortingTypes{cursor:pointer}#generateNewArray:hover,#setModifier:hover,.currentAlgorithm,.sortingTypes:hover{background-color:#2A324B}#sortingContent{width:calc(100% - 200px);height:530px;float:left}#elementsSpace{width:800px;margin:0 auto}.element{color:#fff;padding-top:4px;float:left;border-bottom-right-radius:5px;border-bottom-left-radius:5px}