/* ------ layout
-----------------------------------------------*/

.legend {
    float:left;
    width:250px;
    margin-top:140px;
    }
    
    .skills {
    float:left;
    clear:both;
    width:100%;
    }
    
    .skills ul,
    .skills li {
    display:block;
    list-style:none;
    margin:0;
    padding:0;
    }
    
    .skills li {
    float:right;
    clear:both;
    padding:0 15px;
    height:35px;
    line-height:35px;
    color:#fff;
    margin-bottom:1px;
    font-size:18px;
    }
    
    .skills .jq {
    background:#97BE0D;
    }
    
    .skills .css {
    background:#D84F5F;
    }
    
    .skills .html {
    background:#88B8E6;
    }
    
    .skills .php {
    background:#BEDBE9;
    }
    
    .skills .sql {
    background:#EDEBEE;
    }
    
    #diagram {
    width:100%;
    height:auto;
    }
    
    .get {
    display:none;
    }