@-webkit-keyframes playAnimation{0%{-webkit-transform:scale(1);transform:scale(1)}70%{-webkit-transform:scale(0.7);transform:scale(0.7)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes playAnimation{0%{-webkit-transform:scale(1);transform:scale(1)}70%{-webkit-transform:scale(0.7);transform:scale(0.7)}100%{-webkit-transform:scale(1);transform:scale(1)}}html{background-color:#18b679;background:linear-gradient(to bottom, #18b679, #1a6eb3);box-sizing:border-box;font-size:62.5%;font-family:Arial, Helvetica, sans-serif;scroll-behavior:smooth}@media (max-width: 75em){html{font-size:56.25%}}@media (max-width: 56.25em){html{font-size:50%}}@media (min-width: 112.5em){html{font-size:75%}}*,*::after,*::before{margin:0;padding:0;box-sizing:inherit}li{list-style:none}a:link,a:visited{color:inherit;text-decoration:none}em{font-weight:400}.btn{border:none}.btn:focus,.btn:active{outline:none}.btn__form{background-color:#145386;border-radius:5px;box-shadow:0 1px 2px #090533;color:inherit;display:block;font-size:2.5rem;font-weight:600;padding:1rem 2rem;text-transform:uppercase;text-shadow:0 0 2px #535252;width:50%;margin:auto;transition:all .3s}@media (max-width: 56.25em){.btn__form{width:100%}}.btn__form:hover{color:#ffffffee}.btn__form:focus{box-shadow:0 0 2px #090533;-webkit-transform:translateY(3px);transform:translateY(3px)}.btn__social{border-radius:5px;margin:1rem;transition:all .2s}.btn__social:hover{color:#090533}.navbar,.welcome,.projects,.contact,.footer{color:#090533;font-size:1.6rem;min-width:300px;padding:2rem 20vw 2rem 20vw}@media (max-width: 75em){.navbar,.welcome,.projects,.contact,.footer{padding:2rem 8rem}}@media (max-width: 56.25em){.navbar,.welcome,.projects,.contact,.footer{padding:2rem 5rem}}@media (max-width: 37.5em){.navbar,.welcome,.projects,.contact,.footer{padding:1rem 3rem}}#welcome-section:target>*,#projects:target>*,#contact:target>*{-webkit-animation:playAnimation 1s;animation:playAnimation 1s}.row{display:flex;flex-wrap:wrap;width:100%}.col-1-of-6,.col-2-of-6,.col-3-of-6,.col-4-of-6,.col-5-of-6,.col-6-of-6{position:relative;width:100%;min-height:1px;display:flex}.col-1-of-6{flex:0 0 16.666667%;max-width:16.666667%}.col-2-of-6{flex:0 0 33.333333%;max-width:33.333333%}.col-3-of-6{flex:0 0 50%;max-width:50%}.col-4-of-6{flex:0 0 66.666667%;max-width:66.666667%}.col-5-of-6{flex:0 0 83.333333%;max-width:83.333333%}.col-6-of-6{flex:0 0 100%;max-width:100%}@media (max-width: 56.25em){.col{flex:0 0 100%;max-width:100%}.col:not(:last-child){margin-bottom:5%}}.navbar{background-color:#18b679;box-shadow:0 1px 10px #12895b;width:100vw;position:fixed;top:0;left:0;z-index:100;display:flex;align-items:flex-end}.navbar__header .profile{position:relative}.navbar__header .profile-link{border-radius:50%}.navbar__header .profile-link img{border:1px solid #062f1f;border-radius:inherit;max-width:70px;min-width:50px}.navbar__header .profile-link img:hover,.navbar__header .profile-link img:active{box-shadow:0 0 15px #062f1f}.navbar__toggler{margin-left:auto;display:none}.toggler{display:none}@media (max-width: 56.25em){.navbar__toggler{align-self:center;justify-self:end;font-size:4rem;display:block}.bars{border-radius:5px;padding:1rem}.toggler:checked+.navbar__toggler>.bars{background-color:rgba(6,47,31,0.7);color:#ffffffee}}.navbar__collapse{margin-left:auto}@media (max-width: 56.25em){.navbar__collapse{margin-left:0}}.navbar__collapse .navbar-nav{display:flex;width:100%}@media (max-width: 56.25em){.navbar__collapse .navbar-nav{flex-direction:column;background-color:rgba(24,182,121,0.9);border-radius:0 0 5px 5px;box-shadow:0 3px 5px #0c5c3d;margin-top:4rem;position:absolute;bottom:-13rem;right:2rem;width:auto;-webkit-transform:translateX(30rem);transform:translateX(30rem);transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s, -webkit-transform .3s}.toggler:checked ~ .navbar__collapse .navbar-nav{-webkit-transform:translateX(0);transform:translateX(0)}}.navbar__collapse .navbar-nav .nav-item{border-radius:5px;font-size:2rem;margin-left:1rem;padding:1.2rem 1.5rem;text-transform:uppercase}@media (max-width: 56.25em){.navbar__collapse .navbar-nav .nav-item{border-radius:inherit;margin:0;padding:1rem}.navbar__collapse .navbar-nav .nav-item:not(:last-child){border-radius:0}}.navbar__collapse .navbar-nav .nav-item:hover,.navbar__collapse .navbar-nav .nav-item:active{background-color:#062f1f;color:#ffffffee}.welcome{background-color:#1a6eb3;background:linear-gradient(to bottom, #18b679 50%, #1a6eb3);color:#090533;font-size:2.5rem;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-shadow:0 0 1px #18b679}@media (max-width: 37.5em){.welcome{font-size:2rem}}.welcome__salutation,.welcome__message{padding-left:10rem;padding-right:10rem}@media (max-width: 56.25em){.welcome__salutation,.welcome__message{padding-left:5rem;padding-right:5rem}}@media (max-width: 37.5em){.welcome__salutation,.welcome__message{padding-left:0;padding-right:0}}.welcome__salutation{font-weight:600;margin-right:auto;margin-bottom:2rem}.welcome__message .link{font-weight:600}.projects{background-color:#1a6eb3;background:linear-gradient(to bottom, #1a6eb3, #18b679);padding-top:12rem;padding-left:5rem;padding-right:5rem}@media (max-width: 75em){.projects{padding:2rem;padding-top:8rem}}@media (max-width: 56.25em){.projects{padding:2rem}}@media (max-width: 37.5em){.projects{padding:1rem}}.projects__row:not(:last-child){margin-bottom:5%}.projects .portfolio-header{font-size:3rem;margin-bottom:3rem;text-align:center}@media (max-width: 75em){.projects .portfolio-header{font-size:2.5rem}}.projects .link{padding:.3rem .7rem;position:relative}.projects .link::after{background-color:rgba(24,182,121,0.5);content:"";display:block;position:absolute;top:0;left:0;height:100%;width:0;-webkit-transform:skewX(-15deg);transform:skewX(-15deg);transition:all .5s}.projects .link:hover{color:#ff0000;text-decoration:underline}.projects .link:hover::after{width:100%}.project-tile{border-radius:5px;min-width:100px;width:80%;margin-left:auto;margin-right:auto;height:40rem;-webkit-perspective:150rem;perspective:150rem;position:relative}@media (max-width: 56.25em){.project-tile{box-shadow:0 0 10px #062f1f;height:auto}}.project-tile__side{-webkit-backface-visibility:hidden;backface-visibility:hidden;box-shadow:0 0 10px #062f1f;border-radius:inherit;transition:all 1s cubic-bezier(0.25, 0.1, 0, 1.82);position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden}@media (max-width: 56.25em){.project-tile__side{box-shadow:none;height:30rem;position:relative}}.project-tile__side--front{background-position:top;background-size:cover;background-color:#18b679}@media (max-width: 56.25em){.project-tile__side--front{background-color:#071c2d;opacity:.7;border-bottom-left-radius:0;border-bottom-right-radius:0}}.project-tile__side--front-jv-analysis{background-image:url(/images/jv_analysis.png)}.project-tile__side--front-tribute-page{background-image:url(/images/tribute_page.png)}.project-tile__side--front-survey-form{background-image:url(/images/survey_form.png)}.project-tile__side--front-product-landing-page{background-image:url(/images/product_landing_page.png)}.project-tile__side--front-technical-documentation-page{background-image:url(/images/technical_documentation_page.png)}.project-tile__side--front-blank-page{background-image:url(http://via.placeholder.com/250x500)}.project-tile__side--back{background-color:#1a6eb3;background:linear-gradient(to right bottom, #868585, #201f1f);color:#ffffffee;padding:2rem;-webkit-transform:rotateY(180deg);transform:rotateY(180deg);display:flex;flex-direction:column;justify-content:space-between}.project-tile__side--back-jv-analysis{background:linear-gradient(to right bottom, #729cf6, #093593);color:#090533}.project-tile__side--back-tribute-page{background:linear-gradient(to right bottom, #4de7ac, #0c5c3d);color:#090533}.project-tile__side--back-survey-form{background:linear-gradient(to right bottom, #5de9e2, #093593);color:#090533}@media (max-width: 75em){.project-tile__side--back{padding:1.2rem}}@media (max-width: 56.25em){.project-tile__side--back{border-top-left-radius:0;border-top-right-radius:0;-webkit-clip-path:polygon(0 12.5%, 12.5% 0%, 100% 12.5%, 100% 100%, 0 100%);clip-path:polygon(0 12.5%, 12.5% 0%, 100% 12.5%, 100% 100%, 0 100%);margin-top:-4rem;padding:5rem;-webkit-transform:rotateY(0);transform:rotateY(0)}}@media (max-width: 37.5em){.project-tile__side--back{padding:1rem}}.project-tile__side--back-header{font-size:2rem;font-weight:500;text-align:center;text-shadow:0 0 3px #0d375a}@media (max-width: 56.25em){.project-tile__side--back-header{margin-top:3rem;margin-bottom:2rem;margin-left:15%;text-align:left}}.project-tile__side--back-description{line-height:1.5;text-align:justify}@media (max-width: 75em){.project-tile__side--back-description{line-height:1}}.project-tile__side--back-tools{line-height:2}@media (max-width: 75em){.project-tile__side--back-tools{line-height:1.5}}.project-tile__side--back-tools .list-item::before{content:"\25C9"}.project-tile__side--back-tools .list-item:hover::before{color:#ff0000}.project-tile:hover .project-tile__side--front{-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg)}@media (max-width: 56.25em){.project-tile:hover .project-tile__side--front{-webkit-transform:rotateY(0);transform:rotateY(0)}}.project-tile:hover .project-tile__side--back{-webkit-transform:rotateY(0);transform:rotateY(0)}@media (max-width: 56.25em){.project-tile:hover .project-tile__side--back{-webkit-transform:rotateY(0);transform:rotateY(0)}}.contact{background-color:#1a6eb3;background:linear-gradient(to bottom, #18b679, #1a6eb3);font-size:2rem;padding-top:12rem}.contact .column{flex-direction:column;margin-bottom:0}@media (max-width: 75em){.contact{padding-top:5rem}}@media (max-width: 56.25em){.contact{padding-top:2rem}}@media (max-width: 37.5em){.contact{padding-top:1rem}}.contact__header{font-size:3rem;margin-bottom:1rem;text-align:center}@media (max-width: 75em){.contact__header{font-size:2.5rem}}.contact .link{padding:.3rem .7rem;position:relative}.contact .link::after{background-color:rgba(24,182,121,0.5);content:"";display:block;position:absolute;top:0;left:0;height:100%;width:0;-webkit-transform:skewX(-15deg);transform:skewX(-15deg);transition:all .5s}.contact .link:hover{color:#ff0000;text-decoration:underline}.contact .link:hover::after{width:100%}.contact__message{padding:2rem 0;text-align:justify}.contact__form .form{width:100%}.contact__form .form-group{margin-top:1rem;margin-bottom:1rem;width:100%}.contact__form .form-group--message{margin-left:2rem}@media (max-width: 56.25em){.contact__form .form-group--message{margin-left:0}}.contact__form .form-group--btn{display:flex}.contact__form .form-control{border:1px solid #145386;border-bottom:1rem solid transparent;border-radius:5px;font-size:inherit;line-height:1.5;padding:1rem;width:100%;justify-self:flex-end;transition:all .5s}.contact__form .form-control--message{height:100%;width:100%;resize:none}.contact__form .form-control:focus,.contact__form .form-control:active{outline:none}.contact__form .form-control:hover,.contact__form .form-control:focus{border-bottom:1rem solid #145386}.footer{background-color:#0d375a;box-shadow:0 -3px 15px #1a6eb3;color:#ffffffee;padding-top:5rem}.footer__row{margin-bottom:5%}@media (max-width: 75em){.footer{padding-top:4rem}}@media (max-width: 56.25em){.footer{padding-top:3rem}}@media (max-width: 37.5em){.footer{padding-top:2rem}}.footer__text--content{font-size:2.5rem}@media (max-width: 56.25em){.footer__text--content{margin:auto}}.footer__links{width:100%}.footer__links--content{display:flex;font-size:3rem;justify-content:space-between;width:100%}.footer .link{padding:.3rem .7rem;position:relative}.footer .link::after{background-color:rgba(24,182,121,0.5);content:"";display:block;position:absolute;top:0;left:0;height:100%;width:0;-webkit-transform:skewX(-15deg);transform:skewX(-15deg);transition:all .5s}.footer .link:hover{color:#ff0000;text-decoration:underline}.footer .link:hover::after{width:100%}.footer .copyright{font-size:2rem;margin:auto}