html{padding:0;margin:0}body{padding:0;margin:0;font-family:'Montserrat', sans-serif;color:#222;text-align:center}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}img{display:block}#overlay{left:0;right:0;top:0;position:fixed;display:none;width:100%;height:100%;background-color:#111;opacity:0.7;z-index:1}.stop-scrolling{height:100%;overflow:hidden}.menu-img{display:none;height:45px;width:100%;background:#091117;z-index:4;border-bottom:1px solid #fff}.menu-img img{float:right;width:50px;padding:10px;cursor:pointer}.menu{width:100%;overflow:hidden;background:#091117;padding:10px}.menu .logo{float:left;font-size:40px;color:#fff;padding-left:15px;display:none}.menu .menu-item{display:inline-block;color:#FFF;text-align:center;cursor:pointer;text-align:center;font-size:30px;padding:5px 15px;text-decoration:none}.menu .menu-item:hover{background:#1D96C5}.menu .linkedin{height:30px;display:inline-block;vertical-align:middle;position:relative;top:-6px;margin-left:10px}.menu .linkedin img{height:30px;display:inline-block}.info-block{background:#1D96C5;color:#FFF}.info-block .container{width:85%;max-width:1300px;margin:0px auto}.info-block .container .picture{margin-top:55px;margin-bottom:55px;display:inline-block;vertical-align:middle;width:40%}.info-block .container .picture img{border-radius:10px;border:5px solid #fff;font-size:0px;margin:0;width:100%}.info-block .container .text{display:inline-block;vertical-align:middle;margin-top:50px;margin-bottom:75px;padding-left:100px;width:59%}.header{font-weight:bold;font-size:35px}.main{font-size:25px;line-height:35px;margin-top:8px}.block-header{width:100%;text-align:center;margin-top:25px;font-size:40px;line-height:40px;margin-bottom:10px}.block-underline{width:400px;height:2px;border-top:1px dotted #fff;padding-bottom:10px;margin:0px auto}.portfolio-block{-webkit-box-shadow:0px -7px 10px 0px rgba(50,50,50,0.2);-moz-box-shadow:0px -7px 10px 0px rgba(50,50,50,0.2);box-shadow:0px -7px 10px 0px rgba(50,50,50,0.2);width:100%;background:#fff;text-align:center;overflow:hidden;padding-bottom:55px;color:#222}.portfolio-block .block-underline{border-top:1px dotted #000}.portfolio-block .container{width:80%;max-width:1300px;margin:0px auto}.portfolio-block .container .first-header{font-size:30px;font-weight:bold;text-align:left;line-height:30px;padding-bottom:10px}.portfolio-block .container .second-header{font-size:30px;font-weight:bold;text-align:left;line-height:30px;padding:10px 0px}.portfolio-block .projects{display:grid;grid-template-columns:1fr 1fr 1fr;grid-auto-rows:1fr;gap:0.5rem}.portfolio-block .project-margin{background:#FFF;display:grid;padding:10px;vertical-align:top;margin:-2px}.portfolio-block .project-margin .project-container{background:#f4f5f6;width:100%;padding:5px;border:2px solid #ccc;position:relative}.portfolio-block .project-margin .project-container .main-img{width:100%;padding:5px 5px 24px 5px;-webkit-border-radius:4px;border-radius:4px;background:#222}.portfolio-block .project-margin .project-container .main-img img{width:100%}.portfolio-block .project-margin .project-container .desktop-margin{width:100%;float:left;background:#f4f5f6;padding:5px;padding-bottom:10px}.portfolio-block .project-margin .project-container .name{color:#222;padding-top:15px;padding-bottom:10px;font-size:25px}.portfolio-block .project-margin .mobile-container .main-img{padding:0px;-webkit-border-radius:0px;border-radius:0px;width:70%;background:none;margin:0px auto;cursor:pointer;max-width:270px}.portfolio-block .project-margin .mobile-container .main-img img{border-radius:13px;-webkit-border-radius:13px}.portfolio-block .project-margin .mobile-container .name{padding-bottom:8px}.portfolio-block .project-margin .mobile-container .mobile-type{padding-bottom:10px;font-size:16px;line-height:16px}.portfolio-block .dropdown-container{height:0px;background:#222;width:100%;overflow:hidden}.visit,.details{border:5px solid #1D96C5;background:#FFF;-webkit-border-radius:5px;border-radius:5px;display:block;margin:12px 5px;width:40%;text-decoration:none;color:#222;padding:8px 0px;cursor:pointer;display:inline-block;font-size:15px;font-weight:500}.visit:hover,.details:hover{background-color:#fafafa}.button{border:5px solid #1D96C5;background:#FFF;-webkit-border-radius:5px;border-radius:5px;display:block;margin:12px 5px;width:40%;text-decoration:none;color:#222 !important;padding:8px 0px;cursor:pointer;font-size:15px;margin:0px auto 10px auto;text-align:center;font-weight:500;line-height:35px}.button:hover{background-color:#fafafa}.skills-block{background:#eee;width:100%;padding-bottom:55px;overflow:hidden}.skills-block .skill-table{overflow-x:auto;padding:10px}.skills-block .skill-table table{margin:0px auto;margin-top:30px;border-collapse:collapse;text-align:left}.skills-block .skill-table table td,.skills-block .skill-table table th{border:1px solid #444;padding:8px}.skills-block .skill-table table td img,.skills-block .skill-table table th img{width:100px}.skills-block .skill-table table th{padding-top:12px;padding-bottom:12px;background-color:#1D96C5;color:white}.experience-block{background:#091117;color:#fff;overflow:hidden;padding-bottom:55px}.experience-block .container{max-width:900px;margin:0px auto;width:70%}.experience-block .container .header{font-size:30px;font-weight:bold;text-align:left;line-height:30px}.experience-block .container .jobs{margin:0px auto}.experience-block .container .jobs a{text-decoration:none;width:32.33%;display:inline-block;padding:25px 40px}.experience-block .container .jobs img{width:100%;display:inline-block;vertical-align:middle}.experience-block .container .jobs .name{font-size:20px}.experience-block .container .waterloo{width:70%;margin:40px auto;max-width:520px}.experience-block .container .resume-link{width:70%;max-width:300px;border:5px solid #fff;-webkit-border-radius:5px;border-radius:5px;display:block;margin-bottom:12px;margin-right:auto;margin-left:auto;margin-top:50px;text-decoration:none;color:#FFF;font-size:20px;padding:15px}.experience-block .container .resume-link:hover{background-color:#333}.contact-block{padding-bottom:55px;overflow:hidden}.contact-block .center{text-align:left;width:80%;max-width:700px;margin:auto}.contact-block .center .container .contact-box .email-error-messages .error{background:#fc6263;color:#ffffff;padding:5px 0px;margin-bottom:5px;text-align:center}.contact-block .center .container .contact-box .thank-you{display:none;background:#1D96C5;color:#ffffff;padding:5px 0px;margin-bottom:5px;text-align:center}.contact-block .center .container .contact-box .require{float:right;margin-top:15px;margin-bottom:0px;font-size:10px;color:#555}.contact-block .center .container .contact-box label{display:block;font-size:16px;color:#444;margin-top:10px;margin-bottom:5px;float:left}.contact-block .center .container .contact-box textarea{width:100%;border:1px solid #ccc;border-radius:2px;font-size:16px;resize:none;padding:10px}.contact-block .center .container .contact-box .contact-form{margin-top:10px}.contact-block .center .container .contact-box .contact-form input{width:100%;height:44px;border:1px solid #ccc;border-radius:2px;font-size:16px;padding-left:12px}.contact-block .center .container .contact-box .email-error{border:1px solid #ff0000 !important}.contact-block .center .container .contact-box .recaptcha{margin:9px 0px;width:304px}.contact-block .center .container .contact-box .send-email-button{background:#1D96C5;width:180px;height:45px;color:#fff;font-size:18px;border:none;border-radius:3px;margin:17px auto;display:block;cursor:pointer}.contact-block .center .container .contact-box .send-email-button:hover{opacity:0.9}.project-info{display:none;position:fixed;top:0px;height:90%;width:90%;margin-right:auto;margin-left:auto;margin-top:30px;padding:5px;background-color:#1D96C5;left:0;right:0;z-index:5;max-width:900px}.project-info .close-button{position:absolute;right:-13px;top:-13px;width:30px;opacity:0.8;cursor:pointer}.project-info .close-button img{width:100%}.project-info .scroll{-ms-overflow-y:scroll;overflow-y:scroll;height:100%;background:#f4f5f6;padding:5px}.project-info .scroll .container .name{font-size:27px;font-weight:bold;text-align:center;width:100%;padding:15px}.project-info .scroll .container .underline{width:50%;height:2px;border-bottom:1px dotted #999;margin:0px auto}.project-info .scroll .container .description{margin:15px;font-size:15px;line-height:21px}.project-info .scroll .container .heading{font-size:24px;font-weight:bold;text-align:left;margin:15px}.project-info .scroll .container .desktop-img{width:100%;padding:5px 5px 24px 5px;-webkit-border-radius:4px;border-radius:4px;background:#222}.project-info .scroll .container .desktop-img img{width:100%}.project-info .scroll .container .mobile-img{width:100%;padding:20px 5px 36px 5px;-webkit-border-radius:12px;border-radius:12px;background:#222}.project-info .scroll .container .mobile-img img{width:100%;border:1px solid #323232}.project-info .scroll .container .desktop-margin{width:90%;margin:0px auto;background:#f4f5f6;padding:5px}.project-info .scroll .container .mobile-margin{width:30%;display:inline-block;background:#f4f5f6;padding:5px}.project-info .scroll .container .visit,.project-info .scroll .container .return{border:5px solid #1D96C5;background:#FFF;-webkit-border-radius:5px;border-radius:5px;display:block;margin:12px 5px;width:25%;text-decoration:none;color:#222;padding:10px 0px;display:inline-block;font-size:15px;cursor:pointer}.project-info .scroll .container .visit:hover,.project-info .scroll .container .return:hover{background-color:#fafafa}.mobile-project-info .main-margin{width:90%;margin:0px auto;background:#f4f5f6;padding:5px}.mobile-project-info .main-img{width:100%}.mobile-project-info .main-img img{width:100%}.playbook .scroll .container .mobile-margin{width:70%}.info-show{display:inline-block}.blog-container{padding-bottom:150px;padding-top:30px}.post-container{padding-bottom:150px;padding-top:30px;width:100%}.post-container .more-posts{text-decoration:none;color:#FFF;padding:10px 0px;border-radius:3px;margin:0px auto;display:block;background-color:#1D96C5;width:250px}.post-container .more-posts:hover{opacity:0.8}.general-container{padding-top:20px;width:80%;max-width:950px;text-align:left;margin:0px auto}.general-container .body{font-size:20px;padding-top:5px;line-height:35px}.blog-post{width:90%;margin:30px 0px;display:inline-block;text-align:left;margin-right:10px}.blog-post .title{font-size:30px;font-weight:bold;text-decoration:none;color:#000}.blog-post .body{font-size:20px;padding-top:5px;line-height:35px}.blog-post .body a{color:#2b79de}.blog-post .body a:hover{opacity:0.8}.blog-post p code,.blog-post ul code{padding:2px 4px;color:#1D96C5}.blog-post code{font-size:20px;line-height:20px;border-radius:3px;background-color:#f7f7f9;border:1px solid #e1e1e8}.blog-post .date-posted{color:#aaa;font-size:18px}.blog-post .read-more{text-align:right}.blog-post .read-more a{color:#1D96C5}.blog-post .read-more a:hover{opacity:0.7}.standalone-blog-post{width:80%;max-width:900px;margin:30px auto;display:block}.all-posts-container{text-align:left;font-size:14px;width:20%;float:left;padding:60px 10px;box-sizing:border-box;display:none}.all-posts-container .all-posts{padding:10px;border:1px solid;width:100%}.all-posts-container .all-posts-text{font-size:20px;margin-bottom:5px}.all-posts-container .year{margin-left:10px}.all-posts-container .month{margin-left:20px}.all-posts-container .title{margin-left:30px;display:block;color:#1D96C5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.separator{width:80%;max-width:900px;height:2px;background:#1D96C5;margin:0px auto}@media screen and (max-width: 1180px){body .portfolio-block .project-margin .project-container .name{font-size:20px}body .portfolio-block .project-margin .mobile-container .name{font-size:20px}body .details,body .visit{font-size:13px}}@media screen and (max-width: 1070px){body .menu .logo{font-size:33px}body .menu .menu-item{font-size:25px}body .menu .linkedin{top:-4px}body .header{font-size:30px}body .main{font-size:20px;line-height:30px}body .block-header{font-size:35px;line-height:35px}body .info-block .container .text{padding-left:60px}body .portfolio-block .projects{grid-template-columns:1fr 1fr}body .portfolio-block .mobile-project-margin{width:40%}body .portfolio-block .container .first-header,body .portfolio-block .container .second-header{font-size:26px;line-height:26px}}@media screen and (max-width: 810px){body .menu .menu-item{font-size:20px}body .menu .linkedin{top:-2px}body .info-block .container .text{padding-left:40px}body .info-block .container .text .header{font-size:25px}body .info-block .container .text .main{font-size:15px;line-height:25px}body .portfolio-block .mobile-project-margin{width:50%}body .experience-block .container .jobs a{width:49%}}@media screen and (min-width: 701px){.menu{display:block !important}}@media screen and (max-width: 700px){body .menu-img{display:block}body .menu{display:none;border:1px solid #000;position:absolute;top:44px;left:0;right:0;float:left;width:88%;margin:auto;background:#091117;padding:10px 10px;z-index:5;border-bottom:1px solid #fff;border-right:1px solid #fff;border-left:1px solid #fff}body .menu .menu-item{text-align:center;width:100%}body .menu .linkedin{top:0px;margin-top:5px}body .info-block{padding-top:45px}body .info-block .container .picture{width:90%;margin:20px auto;float:none}body .info-block .container .text{width:100%;padding-left:0px;margin-top:0;margin-bottom:30px}body .info-block .container .text .header{font-size:27px}body .info-block .container .text .main{font-size:18px;line-height:28px}body .portfolio-block .projects{grid-template-columns:1fr}body .portfolio-block .mobile-project-margin{width:100%}body .portfolio-block .container .first-header,body .portfolio-block .container .second-header{text-align:center;padding-bottom:5px}body .experience-block .container .header{text-align:center}body .experience-block .container .waterloo{width:90%;margin:35px auto;font-size:17px}body .experience-block .container .resume-link{width:65%;padding:10px}body .project-info .scroll .container .visit,body .project-info .scroll .container .return{font-size:13px}body .blog-post .title{font-size:25px}body .blog-post .body{text-align:justify;font-size:17px;line-height:32px}}@media screen and (max-width: 500px){body .experience-block .container .jobs a{width:100%}body .project-info .scroll .container .mobile-margin{width:70%}body .project-info .scroll .container .visit,body .project-info .scroll .container .return{width:40%}}@media screen and (max-width: 390px){body .info-block .container .text .header{font-size:25px}body .info-block .container .text .main{font-size:15px;line-height:25px}body .portfolio-block .container{width:100%}body .contact-block .center{width:95%}}