@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700,900);*{box-sizing:border-box}html{background-color:#fff;background-image:linear-gradient(45deg,#fff,#e6e6e6)}body{margin:25px;font-size:20px}.container{font-family:"Source Sans Pro",sans-serif;margin:0 auto;max-width:800px}.container h2{font-size:2rem}.container a{text-decoration:none}.container ul{list-style-type:none;padding:0;margin:0;text-align:center}.container ul li{display:inline-block}.container ul li a{padding:10px}.container #projects .social span a,.container #projects h1 a,.container #projects nav a,.container #projects ul li a,.container footer .social span a,.container footer h1 a,.container footer nav a,.container footer ul li a,.container header .social span a,.container header h1 a,.container header nav a,.container header ul li a,.container main .social span a,.container main h1 a,.container main nav a,.container main ul li a{position:relative}.container #projects .social span a:before,.container #projects h1 a:before,.container #projects nav a:before,.container #projects ul li a:before,.container footer .social span a:before,.container footer h1 a:before,.container footer nav a:before,.container footer ul li a:before,.container header .social span a:before,.container header h1 a:before,.container header nav a:before,.container header ul li a:before,.container main .social span a:before,.container main h1 a:before,.container main nav a:before,.container main ul li a:before{content:"";position:absolute;width:100%;height:2px;bottom:0;left:0;background-color:#000;visibility:hidden;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s}.container #projects .social span a:hover:before,.container #projects h1 a:hover:before,.container #projects nav a:hover:before,.container #projects ul li a:hover:before,.container footer .social span a:hover:before,.container footer h1 a:hover:before,.container footer nav a:hover:before,.container footer ul li a:hover:before,.container header .social span a:hover:before,.container header h1 a:hover:before,.container header nav a:hover:before,.container header ul li a:hover:before,.container main .social span a:hover:before,.container main h1 a:hover:before,.container main nav a:hover:before,.container main ul li a:hover:before{visibility:visible;-webkit-transform:scaleX(1);transform:scaleX(1)}.container header{margin:120px 0;display:flex}.container header a img{max-width:40px}.container header nav{margin-left:auto;line-height:40px}.container header nav a{font-size:1.3rem;padding:10px;font-weight:400;color:rgba(0,0,0,.5)}.container header nav a:hover{color:#000}@media (max-width:768px){.container header{flex-direction:column}.container header a{padding:0 0 15px}.container header a img{display:block;margin:0 auto;max-width:100%}.container header nav{display:flex;justify-content:center;margin:0}}@media (max-width:450px){.container header nav{justify-content:space-between}}.container main,.container section{border-bottom:1px solid rgba(0,0,0,.5);padding-bottom:60px;margin-bottom:60px}.container #projects h1,.container #projects h2,.container #projects h3,.container footer h1,.container footer h2,.container footer h3,.container main h1,.container main h2,.container main h3{line-height:1.2}.container #projects h1,.container #projects h2,.container footer h1,.container footer h2,.container main h1,.container main h2{font-weight:900;margin:0 0 10px}.container #projects h3,.container footer h3,.container main h3{margin:0}.container #projects h3,.container main h3{font-weight:400;text-transform:uppercase;color:rgba(0,0,0,.5)}.container #projects h1 a,.container #projects ul li a,.container main h1 a,.container main ul li a{color:#000}.container main h1{font-size:2.5rem}.container main h1 span{color:#1f35e2}.container main h3{font-size:1.3rem}.container #projects h2{padding:0 0 50px}.container #projects h3{font-size:1.1rem}.container #projects .project-screens{padding:0 0 60px;display:flex;flex-flow:row wrap;justify-content:center}.container #projects .project-screens img{align-self:center;max-width:33.33333%;padding:0 5px;margin:0}@media (max-width:768px){.container #projects .project-screens img{max-width:100%;padding:0;margin:0 0 20px}.container #projects .project-screens img:last-child{margin:0}}.container #projects ul{margin-top:10px}.container #projects ul li a{color:rgba(0,0,0,.5)}.container #projects ul li a:hover{color:#000}.container #projects h2,.container #projects h3,.container footer h2,.container footer h3{text-align:center}.container #about{display:flex}.container #about h2{margin:0 0 10px;font-weight:900;line-height:1.2}.container #about .about-content{padding:0 0 0 50px;column-count:2;column-gap:2rem}.container #about .about-content p{margin:0 0 15px;line-height:1.2;font-weight:400}.container #about .about-content p a{color:#1f35e2}@media (max-width:768px){.container #about{display:block}.container #about h2{text-align:center;margin:0 0 20px}.container #about .about-content{column-count:1;column-gap:0;padding:0}}.container footer{margin-bottom:120px}.container footer h3{font-size:1.4rem;padding:0 0 30px}.container footer h3 a{color:#1f35e2}.container footer .social{display:flex;justify-content:space-around;flex-flow:row wrap;max-width:208px;margin:0 auto}.container footer .social span{padding:10px 0 0}.container footer .social span a{color:rgba(0,0,0,.5);padding:5px}@media (max-width:768px){.container footer .social span a{padding:0}}.container footer .social span a:hover{color:#000}