@font-face{font-family:'Eraser Dust';src:url(fonts/EraserDust.eot),url(fonts/EraserDust.ttf);}html{height:100%;}body{min-height:100%;margin:30px 0 0 0;padding:0 15px;background-image:url(../img/bg.png);background-repeat:repeat;font-family:'Source Sans Pro',sans-serif;font-size:30px;color:rgba(255,255,255,0.4);}a{color:inherit;text-decoration:underline;}a:hover{text-decoration:none;}img.me{position:absolute;left:0;width:100%;}p{text-align:justify;}p.drop:first-letter{float:left;font-size:100px;line-height:60px;padding-top:4px;padding-right:8px;padding-left:3px;font-family:Georgia;}body>header{font-family:'Eraser Dust';text-align:center;}h1{font-weight:normal;font-size:40px;}.greeting{font-style:oblique;font-size:60px;}body>header .who{font-size:100px;line-height:80%;margin:30px 0;display:block;}body>header>a{outline:none;}body>header a{text-decoration:none;}@media all and (max-width: 699px) {body>header .who{font-size:50px;}}.letter{display:inline;letter-spacing:20px;}body>header ul{list-style-type:none;margin:0;padding:0;}body>header ul li{display:inline-block;background-color:rgba(255,255,255,0.05);margin:10px;transition:background-color 150ms ease;}body>header ul li:hover,body>header ul li a.active{background-color:rgba(255,255,255,0.1);}body>header ul li a{display:block;padding:20px 30px;text-decoration:none;color:inherit;}.content-container{max-width:1200px;margin:0 auto;position:relative;}.fade{position:absolute;opacity:1;}.fade.ng-enter,.fade.ng-leave{transition:all 350ms ease;}.fade.ng-enter{opacity:0;}.fade.ng-enter-active{opacity:1;}.fade.ng-leave{opacity:1;}.fade.ng-leave-active{opacity:0;}.projects{text-align:center;}project{color:#999;margin:10px;width:360px;display:inline-block;position:relative;height:300px;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;}project img,project .overlay{position:absolute;top:0;left:0;width:100%;height:100%;}project .overlay{transition:background-color 250ms ease-out;background-color:rgba(0,0,0,0.7);}project:hover .overlay,project.active .overlay{background-color:rgba(0,0,0,0.9);}project header{transition:top 250ms ease-out;transition-delay:150ms;font-size:40px;position:absolute;top:115px;width:100%;text-align:center;}project:hover header,project.active header{top:20px;transition-delay:0;}project aside{transition:top 250ms ease-out;transition-delay:150ms;font-size:20px;position:absolute;top:160px;width:100%;text-align:center;}project:hover aside,project.active aside{top:65px;transition-delay:0;}project .links{position:absolute;left:0;right:0;display:inline-block;text-align:center;bottom:10px;}project a{text-decoration:none;color:inherit;opacity:0;transition:opacity 250ms ease-out;display:none;}project a:not(:only-child){padding:0 5px;}project a:hover,project a.active{text-decoration:underline;}project:hover a,project.active a{display:inline-block;opacity:1;}project:hover .description,project.active .description{opacity:1;transition-delay:150ms;}project .description{opacity:0;transition:opacity 250ms ease-out;transition-delay:0;position:absolute;display:inline-block;top:85px;left:30px;right:30px;font-size:15px;}.avatar{width:200px;height:200px;border-radius:100px;border:5px solid rgba(0,0,0,0.2);}.fa-linkedin-square{color:#4875B4;}.contact{font-size:50px;}.contact i{display:inline-block;margin:10px;}.contact a{color:inherit;}i.fa-envelope{margin-bottom:23px;vertical-align:middle;}.fa-youtube-square{color:#800000;}.fa-github-square{color:#993300;}blog-post:not(:first-of-type){display:block;margin-top:100px;}blog-post img{width:50%;margin-left:25%;}.date{display:inline-block;width:100px;height:100px;background:rgba(255,255,255,0.05);font-family:'Eraser Dust';vertical-align:middle;position:relative;}.date .year{position:absolute;bottom:0;left:0;width:100%;text-align:center;background-color:rgba(255,255,255,0.05);}.date .day{position:absolute;left:0;display:inline-block;width:70px;text-align:center;top:3px;font-size:60px;}.date .month{position:absolute;right:-32px;top:-2px;height:75px;text-align:center;transform:rotate(-90deg);-ms-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);}.title{vertical-align:middle;display:inline-block;margin-left:10px;font-size:50px;line-height:100px;}.title .fa-link{font-size:20px;vertical-align:middle;display:none;}.title:hover .fa-link{display:inline-block;}.title .fa-link:hover{color:rgba(255,255,255,0.6);}.back a{text-decoration:none;}