@import"https://fonts.googleapis.com/css?family=Merriweather:400,700";body,html{height:100%;width:100%}body{margin:0;padding:0}body,button,input{font-family:Merriweather,serif}div{display:block;box-sizing:border-box}a{color:#444;font-weight:700;text-decoration:none}a:active,a:focus,a:hover{text-decoration:underline}#root,.root-router-child{height:100%;width:100%}.back-button{background:transparent;border:none;color:#747474;cursor:pointer;font-size:16px;padding:10px 15px}.back-button:active,.back-button:focus,.back-button:hover{text-decoration:underline}.ReactModal__Body--open{height:100%;overflow:hidden;width:100%}.ReactModal__Overlay{overflow-x:hidden;overflow-y:scroll}.ReactModal__Content{background:#fff;padding:10px}.main-nav{border-bottom:1px solid #d3d3d3;height:40px;margin:0 auto;text-align:center;width:90%}.main-nav .home-link{font-size:20px}.main-nav .home-link a{display:block;margin-top:20px}.section-title{font-size:32px;margin-top:30px;text-align:center;width:100%}.section-title h2{margin-bottom:10px}.hero-container{align-items:center;display:flex;flex-wrap:wrap;height:100%;justify-content:center;text-align:center;width:100%}.hero-container .hero,.hero-container .sub-hero{width:100%}.home-menu{display:block;list-style:none;margin:0;padding:0}.home-menu li{display:inline-block;margin:0 10px;text-align:center}.project-stacks{list-style:none;margin:0 auto;padding:0;width:80%}.project-stacks li{color:#747474;display:inline-block;line-height:28px;margin-left:15px}.projects{align-items:flex-start;display:flex;flex-wrap:wrap;margin:80px auto;width:80%}.projects .project-item{border:1px solid #d3d3d3;margin:0 0 30px;min-height:300px;padding:10px;text-align:center;width:100%}.projects .project-item:active,.projects .project-item:focus,.projects .project-item:hover{box-shadow:1px 1px 10px #747474}.projects .project-logo-container{height:100px;position:relative;width:100%}.projects .project-logo{display:block;height:auto;left:50%;margin:0 auto;max-width:120px;position:absolute;top:50%;transform:translate(-50%,-50%)}.projects .project-title{font-size:32px}.project-single{margin:50px auto;text-align:center;width:80%}.project-single .project-logo{display:block;margin:0 auto 30px;max-width:200px}.project-single .project-url{display:inline-block;margin-bottom:30px}.project-single .project-description{margin-bottom:80px;margin-top:80px}.project-single .project-images{align-items:center;display:flex;justify-content:space-between;flex-wrap:wrap;overflow:hidden;width:100%}.project-single .project-thumbnail{cursor:pointer;margin-bottom:40px;width:100%}.project-single .project-thumbnail:active,.project-single .project-thumbnail:focus,.project-single .project-thumbnail:hover{box-shadow:0 0 8px #747474}.project-single .project-thumbnail img{height:auto;width:100%}.modal-image{margin:50px auto;width:80%}.modal-image:focus{outline:none}.modal-image .modal-close{font-size:18px;margin-bottom:20px;text-align:right}.modal-image .modal-close span{background:#444;color:#d3d3d3;cursor:pointer;font-weight:700;padding:5px 10px}.modal-image img{display:block;height:auto;width:100%}@media screen and (min-width:641px){.projects .project-item{margin:0 10px 30px;width:40%}.project-single .project-thumbnail{width:45%}}@media screen and (min-width:1025px){.projects .project-item{margin:0 10px 30px;width:45%}.project-single .project-thumbnail{width:30%}}.experience-timeline{list-style:none;margin:80px auto;padding:0;width:80%}.experience-timeline li{border-left:8px solid #d3d3d3;display:block;margin:0;padding:5px 10px 10px 25px;position:relative;width:90%}.experience-timeline li:before{background:#d3d3d3;border-radius:50%;content:"";height:30px;left:-19px;position:absolute;top:0;width:30px}.experience-timeline .experience-year{font-size:20px;margin-top:-5px;margin-bottom:30px}.experience-timeline .experience-title{font-size:20px;margin:0}.experience-timeline .experience-description{line-height:28px}@media screen and (min-width:641px){.experience-timeline li{margin:0 0 10px 100px;padding:5px 10px 10px 25px;width:80%}.experience-timeline .experience-year{font-size:28px;left:-100px;margin:0;position:absolute;top:-5px}}.contact-content{margin:50px auto;width:80%}.contact-list{list-style:none;margin:0;padding:0}.contact-item{display:block;margin-bottom:30px;overflow:hidden;width:100%}.contact-icon{float:left;width:40px}.contact-detail{float:left;font-size:14 px;margin-left:10px;margin-top:10px;overflow-wrap:break-word;width:80%}@media screen and (min-width:641px){.contact-icon{width:60px}.contact-detail{font-size:18px;margin-left:50px;margin-top:20px}}@media screen and (min-width:1025px){.contact-content{width:80%}}ul.article-list{list-style-type:none;margin:80px auto;padding:0 0 80px;width:80%}ul.article-list>li{display:block;margin-bottom:20px}ul.article-list>li>a{border:1px solid #eee;border-radius:5px;box-shadow:1px 1px #ddd;display:block;padding:15px 10px}ul.article-list>li>a:hover{box-shadow:3px 3px #ccc;text-decoration:none}ul.article-list>li>a:hover h2{color:#4c56e4}ul.article-list>li>a:active,ul.article-list>li>a:focus{text-decoration:none}ul.article-list>li h2{margin:0}ul.article-list>li p{color:#707070;font-weight:400;font-size:14px;margin:15px 0}ul.article-list>li span{color:#707070;font-size:12px;font-weight:400}