:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-width:320px}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.headertemplate{height:147px;width:100%;padding:10px 0 0;top:0;background:-webkit-linear-gradient(white,rgba(255,255,255,.99));background:linear-gradient(#fff,#fffffffc);position:fixed;z-index:100}.headertemplate .navtemplate{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0;margin:20px 5% 0;background-color:#fff}.headertemplate .navtemplate .logotemplate{height:110px;padding-bottom:10px}.headertemplate .navtemplate li{text-align:center;text-transform:uppercase;font-family:Source Sans Pro,sans-serif;font-weight:900;font-size:25px;font-size:18px;display:inline-block;box-sizing:border-box;padding:0 8px;margin:20px 0}@media(min-width:767px){.headertemplate .navtemplate li{font-size:25px}}.headertemplate .navtemplate li a{text-decoration:none;color:#000;transition:.3s}.headertemplate .navtemplate li .about-link:hover,.headertemplate .navtemplate li .about-link.active{color:#fd0}.headertemplate .navtemplate li .work-link:hover,.headertemplate .navtemplate li .work-link.active{color:#00a1e5}.headertemplate .navtemplate li .resume-link:hover,.headertemplate .navtemplate li .resume-link.active{color:#009f50}.headertemplate .navtemplate .mainnav{font-size:20px;list-style:none;margin:0;padding:0}@media(min-width:767px){.headertemplate .navtemplate{flex-direction:row}.headertemplate .navtemplate .mainnav{margin-left:auto}.headertemplate .navtemplate li{margin:0}}.main3-titles{clear:both;text-align:center;text-transform:uppercase;font-family:Source Sans Pro,sans-serif;font-weight:900;font-size:25px;display:block}.worktitle{color:#000;text-align:left;text-transform:uppercase;font-size:25px;border-bottom:3px solid #00a1e5;width:100%}@media(min-width:767px){.worktitle{margin:90px 0 0}}.abouttitle{color:#000;text-align:left;text-transform:capitalize;font-size:25px;margin:3% 0 0 10%}.email{text-align:center;text-transform:uppercase;font-family:Source Sans Pro,sans-serif;font-weight:900;text-transform:lowercase;font-weight:200;font-size:25px;color:#000}.maincontent-resume{margin:0 10%}footer{position:static;text-align:center;width:100%;margin:30px auto}footer .contact{color:#adadad;transition:.5s}footer .contact:hover{color:#00a1e5;cursor:pointer}footer .fa{font-size:40px;display:inline-block}@media(min-width:767px){footer{margin:100px auto 50px}}body{margin:0;background-color:#fff}main{margin-top:200px}.landing-body{margin:0 20px;min-height:100vh;display:flex;align-items:center;justify-content:center}.landing-body .branch{display:none}.landing-body .logo-container{display:flex;flex-direction:column-reverse;align-items:center;position:relative}.landing-body .logo-container .logo{margin:clamp(4px,1vw,10px)}.landing-body .logo-container .square{max-width:clamp(220px,30vw,230px)}.landing-body .logo-container .square1{background-color:#fd0;border-radius:7%;transition:.5s;animation:square1float 2s}.landing-body .logo-container .square2{background-color:#00a1e5;border-radius:7%;transition:.5s;animation:square2float 2s}.landing-body .logo-container .square3{background-color:#009f50;border-radius:7%;transition:.5s;animation:square3float 2s}.landing-body .logo-container .name-logo-con{width:100%;display:flex;flex-direction:column;align-items:center;margin-bottom:24px}.landing-body .logo-container h1{font-family:Nunito Sans,sans-serif;font-size:clamp(22px,4vw,53px);font-weight:600;margin:0 0 15px;text-align:center}.landing-body .logo-container h1 .light{font-weight:200;border-radius:9%}.landing-body .logo-container .logo-name{opacity:0;animation:nameappear 2s forwards}.landing-body .logo-container .logo-name .light{animation:nameappear 3s forwards}.landing-body .logo-container .landing-footer{display:flex;justify-content:center;margin:0;opacity:0;animation:footerappear .75s ease 2s forwards;position:absolute;bottom:-55px}@media(min-width:767px){.landing-body{margin:0}.landing-body .logo-container{flex-direction:row;flex-wrap:wrap;justify-content:center}.landing-body .logo-container .square{max-width:clamp(70px,20vw,350px)}.landing-body .logo-container .landing-footer{position:static}}@media(min-width:1024px){.landing-body{margin:0}.landing-body .logo-container{flex-wrap:nowrap}.landing-body .logo-container .name-logo-con{width:auto;align-items:flex-start;margin-top:0}.landing-body .logo-container h1{text-align:left;margin:0 0 15px clamp(15px,2vw,35px)}.landing-body .logo-container .landing-footer{justify-content:flex-start;margin:0 0 0 clamp(15px,2vw,35px)}}@keyframes square1float{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes square2float{0%{transform:translateY(-200%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes square3float{0%{transform:translateY(-300%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes nameappear{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes footerappear{0%{opacity:0}to{opacity:1}}.maincontent-work{display:flex;flex-wrap:wrap;margin:250px 30px 0}.maincontent-work a{flex:1 1 100%}@media(min-width:767px){.maincontent-work a{flex:1 1 50%}}@media(min-width:1024px){.maincontent-work a{flex:1 1 30%}}.workpage-grid{margin:10px;padding-bottom:70px;height:auto;box-sizing:border-box;position:relative;overflow:hidden;box-shadow:0 12px 25px #0000005c}.workpage-grid .work-info{position:absolute;bottom:0;left:0;right:0;color:#fff;padding:0 15px;background-color:#000;box-sizing:border-box;display:flex;flex-direction:column;align-items:center}.workpage-grid .work-info h2{text-align:center;text-transform:uppercase;font-family:Source Sans Pro,sans-serif;font-weight:900;font-size:25px;margin:5% 0 0;color:#00a1e5;font-size:22px}.workpage-grid .image-box{height:18.5rem;width:100%;border-top:8px solid #00a1e5}.workpage-grid .image-box img{object-fit:cover;object-position:top;display:block;margin:0 auto;height:100%;width:100%}.workpage-grid p{text-align:center;text-transform:uppercase;font-family:Source Sans Pro,sans-serif;font-weight:900;font-size:25px;font-weight:500;font-size:16px;margin-top:0;font-style:italic;text-transform:none}@media(max-width:585px){.workpage-grid{height:auto;box-sizing:border-box}.workpage-grid+.workpage-grid{margin-top:10px}}@media(min-width:1024px){.workpage-grid{padding-bottom:0}.workpage-grid .work-info{transform:translateY(50%);opacity:0;transition:.5s;justify-content:center;top:0;background-color:#000000b3}.workpage-grid .work-info h2{font-size:27px}.workpage-grid:hover .work-info h2{color:#00a1e5;transition:.5s}.workpage-grid:hover .work-info{transform:translateY(0);opacity:1}}@media(min-width:767px){.maincontent-work{margin:0 5%}.workpage-grid{opacity:0;animation:workappear 2s ease forwards}.maincontent-work a:nth-child(1) .workpage-grid{animation-delay:0s}.maincontent-work a:nth-child(2) .workpage-grid{animation-delay:.15s}.maincontent-work a:nth-child(3) .workpage-grid{animation-delay:.3s}.maincontent-work a:nth-child(4) .workpage-grid{animation-delay:.45s}.maincontent-work a:nth-child(5) .workpage-grid{animation-delay:.6s}.maincontent-work a:nth-child(6) .workpage-grid{animation-delay:.75s}}@keyframes workappear{0%{opacity:0}to{opacity:1}}.maincontent-about{display:flex;flex-direction:column;align-items:center;padding:0;max-width:767px;margin:240px auto 0}.maincontent-about .image-wrap{display:flex;justify-content:center;margin-bottom:20px}.maincontent-about .image-wrap .about-image{height:auto;max-width:300px;margin:0 auto 20px;border-top:3px solid #ffdd00;opacity:0;animation:bgFadeIn 1.2s ease forwards}.maincontent-about .content-wrap{padding:0 40px 40px;opacity:0;animation:bgFadeIn .8s ease 1.2s both}.maincontent-about .content-wrap .abouttitle{text-transform:uppercase;font-size:42px;margin-left:0;margin-bottom:10px;color:#000}.maincontent-about .content-wrap .about-text{text-align:center;text-transform:uppercase;font-family:Source Sans Pro,sans-serif;font-weight:900;font-size:25px;text-transform:none;text-align:left;font-weight:400;font-size:21px;margin:0}@media(min-width:767px){.maincontent-about .image-wrap .about-image{margin:40px auto 0}}@media(min-width:1024px){.maincontent-about{max-width:964px;flex-direction:row;padding:0 60px 0 0;background-color:transparent;overflow:hidden;position:relative}.maincontent-about:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:#f8f8f8;box-shadow:0 12px 25px #0000005c;opacity:0;animation:bgFadeIn 1.8s ease 1.2s both;z-index:0}.maincontent-about:after{content:"";position:absolute;top:0;left:0;right:0;height:3px;background-color:#fd0;transform:scaleX(0);transform-origin:left;animation:borderSlideIn 1s ease 1.2s both;z-index:3}.maincontent-about .image-wrap{display:flex;justify-content:center;margin:0 30px 0 0;position:relative;z-index:2;flex-shrink:0}.maincontent-about .image-wrap .about-image{max-width:350px;margin:0;border-top:none}.maincontent-about .content-wrap{padding:0 0 20px;position:relative;z-index:1;animation:slideFromBehindImage 1s ease 1.2s both,bgFadeIn .8s ease 1.2s both;transform:translate(-100%)}.maincontent-about .content-wrap .about-text{font-size:24px}}@keyframes slideFromBehindImage{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes bgFadeIn{0%{opacity:0}to{opacity:1}}@keyframes borderSlideIn{0%{transform:scaleX(0)}to{transform:scaleX(1)}}