@import url(https://fonts.googleapis.com/css2?family=Merriweather:wght@400;700&family=Lato:wght@300;400;700&display=swap);*{box-sizing:initial}body{margin:0}.App{background-position:50%;background-size:cover;font-family:Arial,Helvetica,sans-serif;text-align:-webkit-center}p{color:#171616}a{color:#444440;text-decoration:none}html{scroll-behavior:smooth}.nav_active{display:none}.navigation{display:flex;flex-wrap:wrap;float:left;font-size:x-large;gap:1em;justify-content:center;width:100%}.navigation>a{color:#000}.header{height:200vh;margin-top:50px}.container{clip:rect(0,auto,auto 0);height:100vh;left:0;-webkit-mask-image:-webkit-linear-gradient(top,#fff,#fff);mask-image:-webkit-linear-gradient(top,#fff,#fff);overflow:hidden;position:absolute;width:100%}.container_solid{background:#fff}.title_wrapper{display:block;margin:auto;position:fixed;top:50vh;transform:translateY(-50%);width:100%}.title_wrapper h1{font-family:serif;font-size:500%;font-weight:900;text-align:center;text-transform:uppercase}.container_solid .title_wrapper h1{-webkit-text-fill-color:#0000;background:url(/static/media/image1.947b96a5d6b1c2eb30c7.jpg);background-clip:text;-webkit-background-clip:text;background-position:50%;background-size:cover;color:#000}.container_image{background-attachment:fixed;background-image:url(/static/media/image1.947b96a5d6b1c2eb30c7.jpg);background-position:50%;background-size:cover;top:100vh}.container_image .title_wrapper h1{color:#fff}.scroll-cue{align-items:center;background:none;border:none;bottom:2em;color:#006e51;cursor:pointer;display:flex;flex-direction:column;gap:.5em;left:50%;opacity:1;position:fixed;transform:translateX(-50%);transition:opacity .4s ease,visibility .4s ease;z-index:10}.scroll-cue.hide{opacity:0;pointer-events:none;visibility:hidden}.scroll-cue-text{font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase}.scroll-cue-mouse{border:2px solid #006e51;border-radius:14px;display:flex;height:42px;justify-content:center;padding-top:6px;width:26px}.scroll-cue-wheel{animation:scroll-wheel 1.6s ease-in-out infinite;background:#006e51;border-radius:2px;height:8px;width:4px}@keyframes scroll-wheel{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(14px)}}.timeline{margin:2em auto;max-width:1140px;min-height:74vh;padding:15px 0;position:relative;width:100%}.timeline:after{background:#006e51;bottom:0;content:"";left:50%;margin-left:-1px;position:absolute;top:0;width:2px}.timeline_container{background:inherit;padding:15px 30px;position:relative;width:50%}.timeline_container.left{right:27.5%;text-align:left}.timeline_container.right{left:27%;text-align:left}.timeline_container:after{background:#fff;border:2px solid #006e51;border-radius:16px;content:"";height:16px;position:absolute;right:-8px;top:calc(50% - 8px);width:16px;z-index:1}.timeline_container.right:after{left:-8px}.timeline_container:before{background:#006e51;content:"";height:2px;position:absolute;right:8px;top:calc(50% - 1px);width:50px;z-index:1}.timeline_container.right:before{left:8px}.timeline_container .date{color:#006e51;display:inline-block;font-size:14px;font-weight:700;letter-spacing:1px;position:absolute;text-align:center;text-transform:uppercase;top:calc(50% - 8px);z-index:1}.timeline_container.left .date{right:-110px}.timeline_container.right .date{left:-110px}.timeline_container.left .date,.timeline_container.right .date{background:#fff;border-radius:4px;padding:2px 8px}.timeline_container .content{background:#f6d155;border-radius:0 500px 500px 0;padding:30px 90px 30px 30px;position:relative}.timeline_container.right .content{border-radius:500px 0 0 500px;padding:30px 30px 30px 90px}.timeline_container .content h2{color:#006e51;font-size:18px;font-weight:400;margin:0 0 10px}.timeline_container .content p{color:#000;font-size:16px;line-height:22px;margin:0}@media (max-width:1250px){.timeline{margin:0;max-width:100%}.timeline_container{padding:15px 0;width:48%}.left{padding-right:2em}.timeline_container.left{right:25%}.right{padding-left:2%}.timeline_container.right{left:25%}}@media only screen and (max-width:768px){h1{line-height:1em;margin:0}.header{height:100vh;margin:0}.title_wrapper{font-size:50%}.logo_container{display:none;margin-bottom:0}.container{height:50vh}.container_image{top:50vh}.container_image,.container_solid .title_wrapper h1{background-position-x:45%;background-position-y:center;background-size:400%}.timeline{min-height:auto}.timeline:after{bottom:0;left:5%}.timeline_container{padding-left:0;width:calc(80% - 50px)}.timeline_container.left,.timeline_container.right{left:5%;padding-left:50px;width:calc(95% - 50px)}.left,.right{padding-left:0;padding-right:0}.timeline_container.left:after{left:-8px}.timeline_container.left:before{left:8px}.timeline_container.right .date{left:calc(100% - 100px);top:calc(100% - 35px)}.timeline_container.left .date{left:calc(100% - 110px);right:0;top:calc(100% - 35px)}.timeline_container.left .content,.timeline_container.right .content{border-radius:500px 0 0 500px;padding:20px 20px 20px 40px}}.logo_link{display:inline-block}.logo_link:hover .logo_container{border-color:#006e51;transform:rotate(8deg) scale(1.05)}.logo_container{aspect-ratio:1/1;border:1em solid #000;border-radius:50%;text-align:-webkit-center;transition:transform .3s ease,border-color .3s ease;width:7em}.logo_horizontal{align-content:space-around;display:grid;grid-template-columns:1em 1em 2em 1em 1em;justify-content:center;margin:-1.5em}.horizontal_black{background-color:#000}.horizontal_white{background:none}.black1{height:5em;transform:translateY(1em)}.white1{background-color:#fff;height:5em}.horizontal_blank{border:1em solid #000;border-bottom:0 #fff;border-radius:50% 50% 0 0;height:3em;transform:translate(-1em,3em);width:2em}.black2{height:4em}.black2,.white2{transform:translateY(5em)}.white2{background-color:#fff}label .menu{background:#fff;border-radius:50% 50% 50% 50%;box-shadow:0 0 0 0 #fff,0 0 0 0 #fff;cursor:pointer;height:100px;position:absolute;right:calc(50% - 50px);top:-100px;transition:.5s ease-in-out;width:100px;z-index:100}label .hamburger{height:5px;left:50px;top:135px;transform-origin:center;width:30px}label .hamburger,label .hamburger:after,label .hamburger:before{background:#444440;border-radius:5px;display:block;position:absolute;transition:.5s ease-in-out}label .hamburger:after,label .hamburger:before{content:"";height:100%;width:100%}label .hamburger:before{top:-10px}label .hamburger:after{bottom:-10px}label input{display:none}label input:checked+.menu{border-radius:0;box-shadow:0 0 0 100vw #fff,0 0 0 100vh #fff}label input:checked+.menu .hamburger{transform:rotate(45deg)}label input:checked+.menu .hamburger:after{bottom:0;transform:rotate(90deg)}label input:checked+.menu .hamburger:before{top:0;transform:rotate(90deg)}label input:checked+.menu+ul{display:block}label ul{display:none;left:50%;list-style:none;position:absolute;top:100px;transform:translate(-50%,-50%);transition:.25s ease-in-out 0s;z-index:200}label a{display:block;margin-bottom:1em;text-decoration:none}.resume,body{color:#2c2c2c;font-family:Lato,sans-serif;font-size:16px;line-height:1.6}.resume h1{font-size:26px;line-height:1.2}.resume h1,.resume h2{font-family:Merriweather,serif;font-weight:700}.resume h2{font-size:16px}.resume h3,.resume h4{font-family:Lato,sans-serif;font-size:13px;font-weight:700;letter-spacing:.3px}.resume li,.resume p{color:#444;font-size:16px;line-height:1.65}.resume h4{color:#777;font-weight:400;letter-spacing:.5px;text-transform:uppercase}.resume a,.resume h4{font-size:16px}.resume{background:#fff;box-shadow:0 4px 8px 0 #0003,0 6px 20px 0 #00000030;display:grid;grid-template-columns:5fr 7fr;margin:auto;padding:4em 2em;width:55em}.save-icon{float:right}.resume>.left{background:#f4f4f4;padding:1em}.email{align-items:center;color:inherit;display:inline-flex;gap:.5em;text-decoration:none}.copy-feedback{border:1px solid #ccc;border-radius:4px;color:#777;font-size:10px;font-weight:700;letter-spacing:.3px;opacity:0;padding:2px 8px;position:relative;text-transform:uppercase;transform:translateY(2px);transition:opacity .2s,transform .2s,background .2s,color .2s}.copy-feedback.show,.email:hover .copy-feedback{opacity:1;transform:translateY(0)}.copy-feedback.show{background:#333;border-color:#333;color:#fff}.col1-row1,.col1-row2,.col1-row3,.col1-row4{display:flex;flex-direction:column;margin-left:1em;margin-top:1em}.col1-row1-row>h1{color:#444440}.col1-row1-row>h4{color:#171616;font-weight:lighter}.col1-row1-row>ul,.col1-row4-row>ul{list-style:none;margin:0;padding-left:0}.col1-row1-row>ul>li{margin-top:1em}.col1-row1-row>ul>li>a,.col1-row4-row>ul>li>a{color:#444440;text-decoration:none}.col1-row2-row>h2,.col1-row3-row>h2,.col1-row4-row>h2{color:#444440;margin-top:5px}.col1-row2-row>p{color:#000;font-weight:700}.col1-row2-row>ul>li{margin:5px}.col1-row1-row-row1{display:grid;grid-template-columns:1fr 4fr}.lang-toggle{border:1px solid #ccc;border-radius:6px;display:flex;grid-column:2;margin:15px;overflow:hidden;width:fit-content}.lang-btn{background:#fff;border:none;color:#888;cursor:pointer;font-size:12px;font-weight:500;letter-spacing:.5px;padding:6px 14px;transition:background .15s,color .15s}.lang-btn+.lang-btn{border-left:1px solid #ccc}.lang-btn.active{background:#333;color:#fff}.lang-btn:hover:not(.active){background:#f0f0f0;color:#333}.col1-row3-row>div{display:grid;grid-template-columns:1fr 2fr}.dots{justify-self:start;letter-spacing:2px;margin-left:10px;transform:scale(2)}.col1-row4-row>ul>li:hover{transform:scaleY(1.15);transition:.2s}.right{padding-left:1em}.type{align-items:center;display:flex;float:none;justify-content:flex-end}.download-demo{animation:typing 3.5s steps(22) infinite,blink .5s step-end infinite alternate;border-right:3px solid;color:#333;display:inline-block;font-family:monospace;font-size:.8em;overflow:hidden;padding:8px 1px;text-decoration:none;transition:background .2s,border-color .2s,color .2s,box-shadow .2s;white-space:nowrap;width:12em}@keyframes typing{0%{width:0}}@keyframes blink{50%{border-color:#0000}}.download-demo:hover{background:#f4f4f4;border-radius:6px}.download-demo.downloaded{background:#333;border-color:#333;border-radius:6px;box-shadow:0 2px 8px #0003;color:#fff}.col2-row1,.col2-row2,.col2-row3{align-content:space-between;color:#444440;display:flex;flex-direction:column;margin:2em}.col2-row1-row{display:block;margin-bottom:1.5em;margin-top:1em}.right-heading2{margin-bottom:-1em}.col2-row1-row>div:hover{box-shadow:0 4px 8px 0 #0003,0 6px 20px 0 #00000030;padding:3px;transform:scale(1.05);transition:.2s}.col2-row2-row>div:hover{box-shadow:0 0 4px 0 #0000001a,0 0 20px 0 #0000001a;padding-left:5px;padding-top:5px;transform:scale(1.05);transition:.2s}.col2-row2-row-row>h2{color:#737373;font-size:larger;margin:10px 0 0}.col2-row2-row-row>ul{color:#171616;margin:0 0 2em}.col2-row1-row-row>h4,.col2-row2-row-row>h4{color:#171616;font-size:small;margin:0}.col2-row1-row-row>p,.col2-row2-row-row>p{float:right;font-family:Arial,Helvetica,sans-serif;font-size:10px;font-weight:700;margin:7px}.col2-row1-row-row>ul>li>p,.col2-row2-row-row>ul>li>p{font-size:14px;margin:7px}.col2-row1-row-row>i{font-family:Arial,Helvetica,sans-serif;font-size:small}.col2-row1-row-row>h3{color:#737373;font-family:Arial,Helvetica,sans-serif;font-size:medium;margin-bottom:5px;margin-top:8px}.col2-row3-row{display:grid;grid-template-columns:3fr 2fr;grid-template-rows:1fr}.col2-row3-row-row{margin-bottom:5px}.col2-row3-row-row>p{font-size:small;margin:0}.col2-row3-row-row>p>i{float:right}@media only screen and (max-width:500px){.resume{grid-template-columns:none;padding:4em 1em 1em;width:fit-content}.right{padding-left:0}.save-icon,.type{position:fixed;right:1em}.type{bottom:0}.save-icon{bottom:1em}.dit{padding-top:1em}.col2-row1,.col2-row2,.col2-row3{margin:.5em 2em}}.col2-row1{margin-top:2em}.resume-tabs{border-bottom:2px solid #e0e0e0;display:flex;flex-wrap:wrap;gap:4px;margin-bottom:1.2em}.resume-tab{background:#0000;border:none;border-bottom:2px solid #0000;color:#888;cursor:pointer;font-family:Lato,sans-serif;font-size:12px;font-weight:700;letter-spacing:.4px;margin-bottom:-2px;padding:8px 14px;text-transform:uppercase;transition:color .15s,border-color .15s,background .15s}.resume-tab:hover:not(.active){color:#444440}.resume-tab.active{border-bottom-color:#333;color:#333}.tab-panel{position:relative}.tab-inner{animation:tab-fade .3s ease}@keyframes tab-fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.project-list{list-style:none;margin:0;padding:0}.project-list>li{background:#fafafa;border-left:3px solid #ddd;color:#444;font-size:15px;margin-bottom:8px;padding:10px 12px;transition:border-color .2s,background .2s,padding-left .2s}.project-list>li:hover{background:#f0f0f0;border-left-color:#333;padding-left:16px}.project-list a{color:#444440;text-decoration:none}.project-list a:hover{text-decoration:underline}.scroll-progress{background:#333;height:3px;left:0;opacity:0;position:fixed;top:0;transition:opacity .3s;z-index:1000}.scroll-progress.show{opacity:1}.back-to-top{background:#333;border:none;border-radius:50%;bottom:1.5em;box-shadow:0 4px 12px #00000040;color:#fff;cursor:pointer;font-size:18px;height:44px;line-height:1;opacity:0;position:fixed;right:1.5em;transform:translateY(8px);transition:opacity .25s,transform .25s,visibility .25s,background .2s;visibility:hidden;width:44px;z-index:1000}.back-to-top.show{opacity:1;transform:translateY(0);visibility:visible}.back-to-top:hover{background:#000}
/*# sourceMappingURL=main.6e938a63.css.map*/