body{font-family:"Roboto", sans-serif;font-weight:normal;background:#0e1111;color:#bebebe;margin:0;padding:0}body *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body a{color:#2e9b90;text-decoration:none}body .button{display:inline-block;padding:15px;text-align:center;background:#222424;border-radius:5px;color:inherit;cursor:pointer}body .button:hover{color:#2e9b90}body .button-icon{margin-right:7px}body .orangeText{color:#f80}body .yellowText{color:#f6bb42}body .greenText{color:#8cc152}body .purpleText{color:#967adc}body .blueText{color:#3bafda}body h1{display:inline-block;font-size:3em;font-weight:100;color:#2e9b90;margin:0}body h2{letter-spacing:1.4px;font-size:1.1em;color:#2e9b90;border-bottom:1px solid #142d2a}.logo{width:128px;height:128px}.logo-image{border-radius:50%}.barElement{margin-right:3px;width:14px;height:14px;display:inline-block;zoom:1;*display:inline;border-radius:50%;border:1px solid #2e9b90}.barElement.selected{background:#2e9b90}.tags{padding:5px}.tags .tag{display:inline-block;*display:inline;zoom:1;padding:6px;border:1px solid #2e9b90;background:#195a53;opacity:0.8;border-radius:5px;font-size:0.6em;color:#f0f0f0;margin:3px 2px}header,article,nav{max-width:800px;margin:0 auto;padding:2%;display:block}header td,section td,section.contactInformation td{word-wrap:break-word}header td{padding:1px 10px;vertical-align:middle}section td{padding:10px;vertical-align:top}section.contactInformation{background:#222424;display:block}section.contactInformation td{padding:3px 10px;vertical-align:middle}section.contactInformation td:first-of-type{text-align:center}section.contactInformation td a{color:inherit}section.projects .description{margin:5px 0;text-transform:uppercase}section.projects .buttons{padding:10px;text-align:right}section.projects .buttons .button{font-size:0.8em;padding:10px 15px}section.projects td,section.hobbies td{width:50%;vertical-align:middle}@media (max-width: 600px){section.projects td,section.hobbies td{width:100%;display:block}section.projects td:first-of-type{width:100%;margin:0 auto;border-top:1px dashed #bebebe;padding:20px 20%}section.projects tr:first-of-type td:first-of-type{border:none}}nav{padding:0;text-align:right}nav .button{padding-top:4px;border-radius:0 0 40px 40px;width:200px;font-size:0.9em}@media (max-width: 480px){nav .button{padding-top:10px}}footer{background:#222424;display:block;text-align:center;margin:0;padding:5px;font-size:0.7em}.title{letter-spacing:1.1px;font-size:1.2em}.description{font-size:0.7em;color:#888;font-style:italic}.content{font-size:0.8em}