*{box-sizing:initial}body{margin:0}.App{background-size:cover;background-position:50%;font-family:Arial,Helvetica,sans-serif}p{color:#171616}a{text-decoration:none;color:#444440}.nav_active{display:none}.navigation{float:left;display:flex;flex-wrap:wrap;grid-gap:1em;gap:1em;font-size:x-large;width:100%;justify-content:center}.navigation>a{color:#000}.header{height:200vh;margin-top:50px}.container{clip:rect(0,auto,auto 0);overflow:hidden;position:absolute;height:100vh;left:0;width:100%;-webkit-mask-image:-webkit-linear-gradient(top,#fff,#fff);mask-image:-webkit-linear-gradient(top,#fff,#fff)}.container_solid{background:#fff}.title_wrapper{position:fixed;display:block;margin:auto;width:100%;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.title_wrapper h1{text-align:center;font-size:500%;text-transform:uppercase;font-family:serif;font-weight:900}@media (max-width:700px){.title_wrapper h1{font-size:250%}}.container_solid .title_wrapper h1{background:url(/portfolio/static/media/image1.d71cc4fe.jpg);background-size:cover;background-position:50%;background-clip:text;-webkit-text-fill-color:transparent;-webkit-background-clip:text;color:#000}.container_image{background-image:url(/portfolio/static/media/image1.d71cc4fe.jpg);background-size:cover;background-position:50%;background-attachment:fixed;top:100vh}.container_image .title_wrapper h1{color:#fff}.timeline{position:relative;width:100%;max-width:1140px;min-height:74vh;margin:2em auto;padding:15px 0}.timeline:after{content:"";position:absolute;width:2px;background:#006e51;top:0;bottom:0;left:50%;margin-left:-1px}.timeline_container{padding:15px 30px;position:relative;background:inherit;width:50%}.timeline_container.left{left:-5.4%}.timeline_container.right{left:50%}.timeline_container:after{content:"";position:absolute;width:16px;height:16px;top:calc(50% - 8px);right:-8px;background:#fff;border:2px solid #006e51;border-radius:16px;z-index:1}.timeline_container.right:after{left:-8px}.timeline_container:before{content:"";position:absolute;width:50px;height:2px;top:calc(50% - 1px);right:8px;background:#006e51;z-index:1}.timeline_container.right:before{left:8px}.timeline_container .date{position:absolute;display:inline-block;top:calc(50% - 8px);text-align:center;font-size:14px;font-weight:700;color:#006e51;text-transform:uppercase;letter-spacing:1px;z-index:1}.timeline_container.left .date{right:-110px}.timeline_container.right .date{left:-110px}.timeline_container .icon{position:absolute;display:inline-block;width:40px;height:40px;padding:9px 0;top:calc(50% - 20px);background:#f6d155;border:2px solid #006e51;border-radius:40px;text-align:center;font-size:18px;color:#006e51;z-index:1}.timeline_container.left .icon{right:56px}.timeline_container.right .icon{left:56px}.timeline_container .content{padding:30px 90px 30px 30px;background:#f6d155;position:relative;border-radius:0 500px 500px 0}.timeline_container.right .content{padding:30px 30px 30px 90px;border-radius:500px 0 0 500px}.timeline_container .content h2{margin:0 0 10px;font-size:18px;font-weight:400;color:#006e51}.timeline_container .content p{margin:0;font-size:16px;line-height:22px;color:#000}@media (max-width:767.98px){.timeline:after{left:90px}.timeline_container{width:100%;padding-left:120px;padding-right:30px}.timeline_container.right{left:0}.timeline_container.left:after,.timeline_container.right:after{left:82px}.timeline_container.left:before,.timeline_container.right:before{left:100px;border-color:transparent #006e51 transparent transparent}.timeline_container.left .date,.timeline_container.right .date{right:auto;left:15px}.timeline_container.left .icon,.timeline_container.right .icon{right:auto;left:146px}.timeline_container.left .content,.timeline_container.right .content{padding:30px 30px 30px 90px;border-radius:500px 0 0 500px}}.logo_container{width:7em;aspect-ratio:1/1;border:1em solid #000;border-radius:50%;text-align:-webkit-center}.logo_horizontal{margin:-1.5em;display:grid;grid-template-columns:1em 1em 2em 1em 1em;align-content:space-around;justify-content:center}.horizontal_black{background-color:#000}.horizontal_white{background:none}.black1{height:5em;-webkit-transform:translateY(1em);transform:translateY(1em)}.white1{background-color:#fff;height:5em}.horizontal_blank{height:3em;width:2em;border:1em solid #000;border-bottom:0 #fff;border-radius:50% 50% 0 0;-webkit-transform:translate(-1em,3em);transform:translate(-1em,3em)}.black2{height:4em}.black2,.white2{-webkit-transform:translateY(5em);transform:translateY(5em)}.white2{background-color:#fff}label .menu{position:absolute;right:calc(50% - 50px);top:-100px;z-index:100;width:100px;height:100px;background:#fff;border-radius:50% 50% 50% 50%;transition:.5s ease-in-out;box-shadow:0 0 0 0 #fff,0 0 0 0 #fff;cursor:pointer}label .hamburger{top:135px;left:50px;width:30px;height:5px;-webkit-transform-origin:center;transform-origin:center}label .hamburger,label .hamburger:after,label .hamburger:before{position:absolute;border-radius:5px;background:#444440;display:block;transition:.5s ease-in-out}label .hamburger:after,label .hamburger:before{content:"";width:100%;height:100%}label .hamburger:before{top:-10px}label .hamburger:after{bottom:-10px}label input{display:none}label input:checked+.menu{box-shadow:0 0 0 100vw #fff,0 0 0 100vh #fff;border-radius:0}label input:checked+.menu .hamburger{-webkit-transform:rotate(45deg);transform:rotate(45deg)}label input:checked+.menu .hamburger:after{-webkit-transform:rotate(90deg);transform:rotate(90deg);bottom:0}label input:checked+.menu .hamburger:before{-webkit-transform:rotate(90deg);transform:rotate(90deg);top:0}label input:checked+.menu+ul{display:block}label ul{list-style:none;z-index:200;position:absolute;top:100px;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:none;transition:.25s ease-in-out 0s}label a{margin-bottom:1em;display:block;text-decoration:none}.fibonacci_page{text-align:-webkit-center;margin-top:2em;padding:5%}.change{padding:12px 24px;border:2px solid #333;box-shadow:4px 4px 0 #444440;border-radius:8px;color:#333;transition:box-shadow .2s,-webkit-transform .2s;transition:transform .2s,box-shadow .2s;transition:transform .2s,box-shadow .2s,-webkit-transform .2s;cursor:pointer;-webkit-transform:translateX(15%);transform:translateX(15%)}.change:active{-webkit-transform:translateY(4px) translateX(calc(15% + 4px));transform:translateY(4px) translateX(calc(15% + 4px));box-shadow:0 0 0 #444440}.fibonacci{display:grid;height:100%;grid-template-rows:repeat(89,1fr);grid-template-columns:repeat(123,1fr);grid-gap:5px;aspect-ratio:2/1;max-width:70em}.fibonacci-item{background:#f08080;color:#f08080;font-weight:700;display:flex;justify-content:center;align-content:center;font-size:1.5em;background-size:cover;background-position:0 0;transition:all .3s ease-in-out;position:relative;z-index:10}.fibonacci-item,.fibonacci-item:before{border-radius:25px}.fibonacci-item.one{grid-row:1/span 89;grid-column:1/span 89}.fibonacci-item.one:hover{color:#000;cursor:pointer;background-position-x:center}.fibonacci-item.one:before{content:"";display:block;background:#000;opacity:.6;position:absolute;top:0;right:0;bottom:0;left:0;transition:all .3s ease-in-out;z-index:-1}.fibonacci-item.one:hover:before{opacity:.2}.fibonacci-item.two{grid-row:1/span 55;grid-column:90/span 55}.fibonacci-item.two:hover{color:#000;cursor:pointer;background-position-x:center}.fibonacci-item.two:before{content:"";display:block;background:#000;opacity:.6;position:absolute;top:0;right:0;bottom:0;left:0;transition:all .3s ease-in-out;z-index:-1}.fibonacci-item.two:hover:before{opacity:.2}.fibonacci-item.three{grid-row:56/span 34;grid-column:111/span 34}.fibonacci-item.three:hover{color:#000;cursor:pointer;background-position-x:right}.fibonacci-item.three:before{content:"";display:block;background:#000;opacity:.6;position:absolute;top:0;right:0;bottom:0;left:0;transition:all .3s ease-in-out;z-index:-1}.fibonacci-item.three:hover:before{opacity:.2}.fibonacci-item.four{grid-row:69/span 21;grid-column:90/span 21}.fibonacci-item.four:hover{color:#000;cursor:pointer;background-position-x:center}.fibonacci-item.four:before{content:"";display:block;background:#000;opacity:.6;position:absolute;top:0;right:0;bottom:0;left:0;transition:all .3s ease-in-out;z-index:-1}.fibonacci-item.four:hover:before{opacity:.2}.fibonacci-item.five{grid-row:56/span 13;grid-column:90/span 13}.fibonacci-item.five:hover{color:#000;cursor:pointer;background-position-x:center}.fibonacci-item.five:before{content:"";display:block;background:#000;opacity:.6;position:absolute;top:0;right:0;bottom:0;left:0;transition:all .3s ease-in-out;z-index:-1}.fibonacci-item.five:hover:before{opacity:.2}.fibonacci-item.six{grid-row:56/span 8;grid-column:103/span 8}.fibonacci-item.six:hover{color:#000;cursor:pointer;background-position-x:center}.fibonacci-item.six:before{content:"";display:block;background:#000;opacity:.6;position:absolute;top:0;right:0;bottom:0;left:0;transition:all .3s ease-in-out;z-index:-1}.fibonacci-item.six:hover:before{opacity:.2}.fibonacci-item.seven{grid-row:64/span 5;grid-column:106/span 5}.fibonacci-item.seven:hover{color:#000;cursor:pointer;background-position-x:center}.fibonacci-item.seven:before{content:"";display:block;background:#000;opacity:.6;position:absolute;top:0;right:0;bottom:0;left:0;transition:all .3s ease-in-out;z-index:-1}.fibonacci-item.seven:hover:before{opacity:.2}.fibonacci-item.eight{grid-row:66/span 3;grid-column:103/span 3}.fibonacci-item.eight:hover{color:#000;cursor:pointer;background-position-x:center}.fibonacci-item.eight:before{content:"";display:block;background:#000;opacity:.6;position:absolute;top:0;right:0;bottom:0;left:0;transition:all .3s ease-in-out;z-index:-1}.fibonacci-item.eight:hover:before{opacity:.2}.fibonacci-item.nine{grid-row:64/span 2;grid-column:103/span 2}.fibonacci-item.nine:hover{color:#000;cursor:pointer;background-position-x:center}.fibonacci-item.nine:before{content:"";display:block;background:#000;opacity:.6;position:absolute;top:0;right:0;bottom:0;left:0;transition:all .3s ease-in-out;z-index:-1}.fibonacci-item.nine:hover:before{opacity:.2}.resume{width:55em;margin:auto;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);padding:4em 2em;display:grid;grid-template-columns:5fr 7fr;background:#fff}.save-icon{float:right}.resume>.left{padding:1em;background:#f4f4f4}.email>span{position:relative;top:2px;left:1em;display:none}.email:hover>span{cursor:pointer;display:inline}.copied{opacity:0}.col1-row1,.col1-row2,.col1-row3,.col1-row4{margin-top:1em;margin-left:1em;display:flex;flex-direction:column}.col1-row1-row>h1{color:#444440}.col1-row1-row>h4{font-weight:lighter;color:#171616}.col1-row1-row>ul,.col1-row4-row>ul{list-style:none;padding-left:0;margin:0}.col1-row1-row>ul>li{margin-top:1em}.col1-row1-row>ul>li>a,.col1-row4-row>ul>li>a{text-decoration:none;color:#444440}.col1-row2-row>h2,.col1-row3-row>h2,.col1-row4-row>h2{margin-top:5px;color:#444440}.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}.col1-row3-row>div{display:grid;grid-template-columns:1fr 2fr}.dots{-webkit-transform:scale(2);transform:scale(2);justify-self:start;margin-left:10px;letter-spacing:2px}.col1-row4-row>ul>li:hover{transition:.2s;-webkit-transform:scaleY(1.15);transform:scaleY(1.15)}.right{padding-left:1em}.type{display:flex;align-items:center;justify-content:flex-end;float:none}.typing-demo{width:9.5em;-webkit-animation:typing 3.5s steps(22),blink .5s step-end infinite alternate;animation:typing 3.5s steps(22),blink .5s step-end infinite alternate;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;white-space:nowrap;overflow:hidden;border-right:3px solid;font-family:monospace;font-size:.8em}@-webkit-keyframes typing{0%{width:0}}@keyframes typing{0%{width:0}}@-webkit-keyframes blink{50%{border-color:transparent}}@keyframes blink{50%{border-color:transparent}}.col2-row1,.col2-row2,.col2-row3{margin:2em;display:flex;flex-direction:column;color:#444440;align-content:space-between}.col2-row1-row{margin-top:1em;margin-bottom:1em;display:grid;grid-template-rows:1fr;height:50px}.right-heading2{margin-bottom:-1em}.col2-row1-row>div:hover{box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);padding:3px}.col2-row1-row>div:hover,.col2-row2-row>div:hover{transition:.2s;-webkit-transform:scale(1.05);transform:scale(1.05)}.col2-row2-row>div:hover{padding-top:5px;padding-left:5px;box-shadow:0 0 4px 0 rgba(0,0,0,.1),0 0 20px 0 rgba(0,0,0,.1)}.col2-row2-row-row>h2{margin:10px 0 0;font-style:italic;font-size:larger;color:#737373}.col2-row2-row-row>ul{margin:0 0 2em;color:#171616}.col2-row1-row-row>h4,.col2-row2-row-row>h4{font-size:small;margin:0;color:#171616}.col2-row1-row-row>p,.col2-row2-row-row>p{float:right;margin:7px;font-family:Arial,Helvetica,sans-serif;font-size:10px;font-weight:700}.col2-row1-row-row>ul>li>p,.col2-row2-row-row>ul>li>p{margin:7px;font-size:12px}.col2-row1-row-row>i{font-size:small;font-family:Arial,Helvetica,sans-serif}.col2-row1-row-row>h3{margin-top:8px;margin-bottom:5px;font-size:medium;color:#737373;font-family:Arial,Helvetica,sans-serif}.col2-row3-row{grid-template-rows:1fr;display:grid;grid-template-columns:3fr 2fr}.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}
/*# sourceMappingURL=main.79602fe0.chunk.css.map */