header{background-image:url("/imgs/bkg.jpg");background-size:cover;padding:100px 20px;text-align:center;margin-bottom:40px;}header img{width:100%;max-width:220px;height:auto}header p{font-family:'Roboto',Sans-serif;font-weight:100;font-size:30px;padding:0;margin:0;color:#333}#about{color:#b3b3b3;text-transform:uppercase;font-weight:100;line-height:2em;}#about p{margin:0;font-size:.8em;font-weight:normal;}#about p::first-letter{color:#44b498;font-size:4em;float:left;font-weight:100;line-height:.75em;margin-right:5px;margin-top:6px}#projects ul{padding:0;}#projects ul li{list-style-type:none}#projects .project h3{margin-bottom:10px}#projects .project .github-launch img{width:20px;vertical-align:top}#projects .project .project-details{position:relative;display:block;padding:5px;border:1px solid #eee;}#projects .project .project-details img{width:100%;display:block}#projects .project .project-details:hover .project-description{display:block;-webkit-transform:scale(1);transform:scale(1);opacity:.95}#projects .project .project-description{font-style:italic;display:block;box-sizing:border-box;padding:20px;position:absolute;top:0;left:0;width:100%;text-align:center;background-color:#44b498;border-radius:2px;opacity:0;color:#fff;font-size:.8em;height:100%;transform:scale(.95);-webkit-transform:scale(.95);transition:transform .2s ease-out,opacity .2s;-webkit-transition:-webkit-transform .2s ease-out,opacity .2s;}#projects .project .project-description .project-launch{width:15px;position:absolute;top:10px;right:10px}#projects .project .project-description h4{margin:0 0 5px;font-weight:bold;font-size:.9rem}#projects .project .project-description h4:nth-child(n+2){margin-top:10px}#projects .project:nth-child(n+4){margin-top:20px}@media screen and (max-width:640px){#projects .project:nth-child(n+2){margin-top:40px}#projects .project .project-details:hover .project-description{display:none}#projects .grid{margin:0;}#projects .grid [class*="grid-cell-"]{margin-left:0;margin-right:0}#projects .grid .grid-cell-4{float:none;display:block;width:100%}}#languages{border-bottom:2px solid #eee;padding-bottom:20px;}#languages .grid .grid-cell-2{width:calc(20% - 20px)}#languages i.heart{background-image:url("/imgs/heart.gif");background-size:25px;display:inline-block;vertical-align:baseline;width:25px;height:23px}#languages .language-icon{width:100%;max-width:50px;display:inline;vertical-align:middle;padding:25px 0 0 0}#languages .language{text-align:center;cursor:pointer;border:1px solid rgba(68,180,152,0);box-sizing:border-box;border-radius:5px;-webkit-transition:border .2s ease-out;transition:border .2s ease-out;}#languages .language:hover{border:1px solid #44b498}#languages .language:hover .language-name{transform:translate(0,0);-webkit-transform:translate(0,0);opacity:1}#languages .language .language-name{padding:4px;-webkit-transform:translate(0,20px);transform:translate(0,20px);display:inline-block;-webkit-transition:-webkit-transform .2s ease-out,opacity .3s ease-out;transition:transform .2s ease-out,opacity .3s ease-out;opacity:0;color:#44b498}@media screen and (max-width:640px){#languages .language .language-name{-webkit-transform:-webkit-translate(0,0);transform:translate(0,0);opacity:0}#languages .language:hover{border:1px solid rgba(68,180,152,0)}#languages:hover .language-name{opacity:0}}#skills{margin-top:40px;}#skills h3{font-size:1.3em;margin-bottom:10px}#skills ul{margin-top:0}#skills li{text-align:center}#skills .skill-icon{width:100%;max-width:25px;display:block;margin:0 auto 20px}@media screen and (max-width:640px){#skills .grid{margin:0;}#skills .grid [class*="grid-cell-"]{margin-left:0;margin-right:0}#skills .grid .grid-cell-3{width:50%;}#skills .grid .grid-cell-3:nth-child(3){clear:both}#skills .grid .grid-cell-3:nth-child(n+3){margin-top:40px}}#contact{background-image:url("/imgs/bkg.jpg");background-size:cover;padding:40px;width:100%;max-width:none;margin-bottom:0;}#contact h2{color:#fff}#contact form{max-width:768px;width:100%;box-sizing:border-box;margin:0 auto;padding:0 20px}#contact input{height:45px}#contact textarea{resize:vertical}#contact input,#contact textarea{box-sizing:border-box;line-height:2.5;text-indent:2em;font-size:1em;background-color:rgba(255,255,255,0.6);border:1px solid #fff;color:#307d6a;margin-bottom:20px;transition:background-color .2s,border-color .2s;-web-kit-transition:background-color .2s,border-color .2s;}#contact input:focus,#contact textarea:focus{outline:0;background-color:rgba(255,255,255,0.9)}#contact input.invalid,#contact textarea.invalid{border-color:#f00}#contact ::-webkit-input-placeholder{color:#307d6a}#contact :-moz-placeholder{color:#307d6a}#contact ::-moz-placeholder{color:#307d6a}#contact :-ms-input-placeholder{color:#307d6a}#contact textarea{height:200px}#contact input,#contact textarea,#contact button{font-family:'Open Sans',Sans-serif;font-size:1em;font-weight:100;border-radius:2px}#contact button{border:1px solid #fff;background-color:transparent;color:#fff;padding:10px 15px;cursor:pointer;transition:background-color .2s,color .2s;}#contact button:hover{background-color:#fff;color:#307d6a}#contact .social{text-align:center;margin-top:20px;}#contact .social .social-links img{border:none;width:20px}#contact .social .social-links:nth-child(n+2){margin-left:10px}@media screen and (max-width:640px){#contact{padding-left:20px;padding-right:20px;}#contact form{padding:0}#contact .grid{margin:0;}#contact .grid [class*="grid-cell-"]{margin-left:0;margin-right:0}#contact .grid .grid-cell-2,#contact .grid .grid-cell-6,#contact .grid .grid-cell-12{width:100%}}.grid{margin:0 -10px;overflow:hidden}[class*="grid-cell-"]{float:left;margin:0 10px}.grid-cell-1{width:calc(8.333333333333332% - 20px)}.grid-cell-2{width:calc(16.666666666666664% - 20px)}.grid-cell-3{width:calc(25% - 20px)}.grid-cell-4{width:calc(33.33333333333333% - 20px)}.grid-cell-5{width:calc(41.66666666666667% - 20px)}.grid-cell-6{width:calc(50% - 20px)}.grid-cell-7{width:calc(58.333333333333336% - 20px)}.grid-cell-8{width:calc(66.66666666666666% - 20px)}.grid-cell-9{width:calc(75% - 20px)}.grid-cell-10{width:calc(83.33333333333334% - 20px)}.grid-cell-11{width:calc(91.66666666666666% - 20px)}.grid-cell-12{width:calc(100% - 20px)}h1,h2{text-align:center;color:#4f4f4f;font-weight:100;font-family:'Roboto',Sans-serif}h2{margin:0 0 40px 0;font-size:2.3em}h3{margin:0;font-size:1em;text-align:center}h3,h4,body{font-family:'Open Sans',Sans-serif;font-weight:100}body{margin:0;padding:0}section{max-width:768px;width:100%;box-sizing:border-box;margin:0 auto 40px auto;padding:0 20px}ul{padding:0;}ul li{list-style-type:none;margin:0}a{text-decoration:none}img{border:none}