@import url("reset.css");

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

html, body {
margin:0;
padding:0;
}

body {
background:#f5f5f5;
font-family:'Terminal Dosis', 'Lancelot', Arial, sans-serif;
font-size:40px;
color:#e73c0e;
line-height: 23px;
}

#content {
position:absolute;
top:55%;
left:50%;
margin:-280px 0 0 -450px;
width:900px;
height:600px;
}

.legend {
float:left;
width:250px;
margin-top:140px;
}

#content h1 {
font-family:'Terminal Dosis', 'Lancelot', arial, serif;
text-shadow:3px 3px 0 #ddd;
color:#193340;
font-size:34px;
margin-bottom:40px;
text-align:right;
}

.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 .lb {
background:#97BE0D;
}

.skills .gg {
background:#D84F5F;
}

.skills .mj {
background:#88B8E6;
}

.skills .dw {
background:#BEDBE9;
}

.skills .dj {
background:#EDEBEE;
}

#diagram {
float:right;
width:600px;
height:600px;
}

.get {
display:none;
}


/* ------ anchors
-----------------------------------------------*/

a {
text-decoration:none;
color:#333;
}