body{font-family:Roboto,monospace;font-size:14px;color:#333}h1,h2,h3{font-family:'Source Code Pro',monospace;letter-spacing:.5px;text-transform:uppercase}a{color:#333;text-decoration:underline;cursor:pointer}a:hover{color:#666;text-decoration:none}.browsehappy{height:28px;text-align:center;background:#eee;line-height:28px}.heading{text-align:center;margin:25px 0 50px}.heading h3{margin-bottom:25px;font-size:22px}.heading .dash{background:#333;height:2px;width:30px;margin:auto}header{height:90px;width:100%;border-bottom:1px solid #eee}header .email,header .name{letter-spacing:1px;text-transform:uppercase;font-family:'Source Code Pro',monospace;line-height:90px}header .name{float:left;font-size:22px;font-weight:500}header .email{float:right;font-size:16px;color:#333;text-decoration:none}.about{margin:50px 0 0}.about .photo{width:100%;box-shadow:0 0 2px rgba(0,0,0,.2)}.about h2{margin-bottom:30px}.work-list{margin-bottom:50px}.work-list .work{position:relative;margin-bottom:30px;box-shadow:0 0 2px rgba(0,0,0,.2)}.work-list .work img{width:100%}.work-list .work .hover{opacity:0;width:100%;height:100%;position:absolute;top:0;background:rgba(255,255,255,.9);text-align:center;transition:opacity .4s}.work-list .work .hover .hover-content{margin-top:120px}.work-list .work .hover .hover-content h3,.work-list .work .hover .hover-content p{position:relative;color:#000;transition:top .4s}.work-list .work .hover .hover-content h3{top:50px}.work-list .work .hover .hover-content p{top:30px;font-family:'Source Code Pro',monospace;text-transform:uppercase;letter-spacing:1px}.work-list .work:hover .hover{opacity:1}.work-list .work:hover .hover h3,.work-list .work:hover .hover p{top:0}footer{background:#F7F7F7;width:100%;padding:30px 0;text-align:center}footer a{color:#333;text-decoration:none;margin:0 10px;display:inline-block}footer a img{width:32px}@media (max-width:1199px){.about h2{margin-top:0}}@media (max-width:991px){.about{text-align:center}.about .photo{display:none}}@media (max-width:767px){header{text-align:center;height:70px}header .email,header .name{line-height:70px}header .name{float:none}header .email{display:none}.heading{margin:0 0 35px}.heading h3{font-size:17px;line-height:24px}.about{margin:30px 0 0}.about h2{font-size:20px;line-height:28px}.work-list{margin-bottom:10px}}