body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}ul{list-style-type:none;padding:0;margin:0}a{text-decoration:none}.center{align-items:center}html{scroll-behavior:smooth}.flex-box{display:flex}.flex-row{flex-direction:row}.flex-column{flex-direction:column}.flex-element{flex:1 1}.flex-element-11{flex:1 1 auto}.flex-element10{flex:1 0 auto}.flex-center{justify-content:center}*{padding:0;margin:0;border:0;outline:0;background-color:inherit;color:inherit;font-family:inherit;font-size:inherit;box-shadow:none;box-sizing:border-box}.App{text-align:center}.container{padding:20px;margin:20px 0;box-shadow:0 20px 20px -25px rgba(0,0,0,.45);border-bottom:1px solid rgba(0,0,0,.16862745098039217)}.container.top-container{margin-top:8em}.header-container{position:fixed;top:0;left:0;width:100%;height:8em;box-shadow:0 20px 20px -25px rgba(0,0,0,.45);z-index:100;border-bottom:1px solid rgba(0,0,0,.16862745098039217)}section{margin:0 auto}section:last-child{box-shadow:none}.header{height:8em;position:fixed;top:0;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%);z-index:100;justify-content:space-between}.content,.header{max-width:1100px;width:95%;margin:0 auto}.scroll-up{position:fixed;bottom:20px;right:20px;padding:.3em;line-height:.3em;cursor:pointer;border-radius:4px;color:var(--clr-primary);align-content:center;justify-content:center;border:1px solid var(--clr-primary);z-index:100}.link{padding:0 0 .3em;position:relative;text-transform:uppercase;cursor:pointer;transition:all .2s ease-in!important}.link,.link.name{color:#fff}.link:hover{color:var(--clr-primary)}.link:before{content:"";display:inline;width:0;height:.2em;position:absolute;bottom:0;background-color:var(--clr-primary);transition:width .2s ease-in!important}.link:focus:before,.link:hover:before{width:100%}.inline-block{display:inline-block}div.anchor{display:block;position:relative;top:-8em;visibility:hidden}@media screen and (max-width:768px){.header,.header-container{height:4em}.container.top-container{margin-top:4em}div.anchor{top:-4em}}.sidenav{height:100%;width:0;position:fixed;z-index:1;top:0;right:0;background-color:#111;overflow-x:hidden;transition:.5s}.sidenav ul{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.sidenav li{padding:8px 8px 8px 32px;text-decoration:none;font-size:25px;color:#818181;display:block;transition:.3s}.sidenav li:hover{color:#f1f1f1}.sidenav .closebtn{display:flex;align-items:center;height:4em;margin-left:12em;cursor:pointer}#main{transition:margin-left .5s;padding:20px}.main-navbar{display:block}.main-navbar li{padding-left:1.5em}.sidenav-wrapper{display:none;z-index:110;position:fixed;right:20px;top:0;height:4em;align-items:center}.sidenav-wrapper .menubtn{cursor:pointer;transition:color}.sidenav-wrapper .menubtn:hover{color:var(--clr-primary)}.sidenav-wrapper .menu{z-index:1000;background-color:initial;border:none;cursor:pointer;display:flex;padding:0}.sidenav-wrapper .line{fill:none;stroke:var(--clr-primary);stroke-width:6;transition:stroke-dasharray .6s cubic-bezier(.4,0,.2,1),stroke-dashoffset .6s cubic-bezier(.4,0,.2,1)}.sidenav-wrapper .line1{stroke-dasharray:60 207;stroke-width:6}.sidenav-wrapper .line2{stroke-dasharray:60 60;stroke-width:6}.sidenav-wrapper .line3{stroke-dasharray:60 207;stroke-width:6}.sidenav-wrapper .opened .line1{stroke-dasharray:90 207;stroke-dashoffset:-134;stroke-width:6}.sidenav-wrapper .opened .line2{stroke-dasharray:1 60;stroke-dashoffset:-30;stroke-width:6}.sidenav-wrapper .opened .line3{stroke-dasharray:90 207;stroke-dashoffset:-134;stroke-width:6}@media screen and (max-width:768px){.sidenav-wrapper{display:flex}.main-navbar{display:none}}@media screen and (max-height:450px){.sidenav{padding-top:15px}.sidenav li{font-size:18px}}.skill-headline{flex:100% 1;text-transform:100%;padding:20px 0;text-transform:uppercase}.skill{margin:0 5px;flex:25% 1;white-space:nowrap}.skill .label{margin-right:10px}.link-container a{padding:5px}.history-outer-container{position:relative;overflow:hidden;transition:all .2s ease-in!important}.history-outer-container .history-inner-container{transition:all .2s ease-in!important;-webkit-transform:translateX(0);transform:translateX(0);display:flex;flex-wrap:nowrap;position:relative}.history-card{transition:all .2s ease-in!important;width:400px;height:100%;max-height:200px;max-width:100%}.history-card .history-content{transition:all .2s ease-in!important;overflow:hidden;height:auto;opacity:0;display:flex;flex-direction:column}.history-card .history-content ul{text-align:left;padding:25px;margin:auto;max-width:500px}.history-card .history-content li{line-height:20px;list-style-type:"👉";-webkit-padding-start:1ch;padding-inline-start:1ch;padding-bottom:8px}.history-card.expanded{transition:all .2s ease-in!important;top:0!important;left:0!important;height:100%!important;width:100%!important;max-height:100%;z-index:200}.history-card.expanded .history-content{opacity:1}.arrow-container{display:flex;align-items:center;height:100%;position:absolute;z-index:90;width:40px;height:40px;cursor:pointer;bottom:0;overflow:hidden;transition:all .2s ease-in!important}.arrow-container>svg{background:transparent}.arrow-container.arrow-back{border-radius:4px;padding-left:11px;left:0}.arrow-container.arrow-forward{border-radius:4px;padding-left:9px;right:0}.arrow-container:hover{background:hsla(0,0%,40%,.9)}.slider-navigation{display:flex;margin:30px 0 10px;justify-content:center}.slider-navigation .slider-dot{position:relative;display:inline-block;cursor:pointer;border-radius:50%;margin:0 6px;padding:5px;background:#3a3a3a;transition:all .2s ease-in!important}.slider-navigation .slider-dot.active,.slider-navigation .slider-dot:hover{background:var(--clr-primary)}.dark2{--clr-bg:#23283e;--clr-bg-alt:#2a2f4c;--clr-fg:#bdbddd;--clr-fg-alt:#cdcdff;--clr-primary:#04d2a2;--clr-secondary:#e2585b}.dark,.dark2{--shadow:rgba(0,0,0,0.16) 0px 10px 36px 0px,rgba(0,0,0,0.06) 0px 0px 0px 1px}.dark{--clr-bg:#0e1c2a;--clr-bg-alt:#182b3c;--clr-fg:#bdbddd;--clr-fg-alt:#cdcdff;--clr-primary:#2eac68;--clr-secondary:#ac2e72}.welcome{max-width:600px;margin:0 auto}.welcome .avatar{background:#000;border-radius:50%;-webkit-transform:scale(1);transform:scale(1)}.welcome .avatar:hover{box-shadow:0 0 0 0 #000;-webkit-animation:pulse 2s infinite;animation:pulse 2s infinite}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1);box-shadow:0 0 0 0 hsla(0,0%,100%,.7)}70%{box-shadow:0 0 0 10px transparent}to{-webkit-transform:scale(1);transform:scale(1);box-shadow:0 0 0 0 transparent}}@keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1);box-shadow:0 0 0 0 hsla(0,0%,100%,.7)}70%{box-shadow:0 0 0 10px transparent}to{-webkit-transform:scale(1);transform:scale(1);box-shadow:0 0 0 0 transparent}}.welcome .typewrite{overflow:hidden;border-right:.15em solid var(--clr-primary);white-space:nowrap;margin:0 auto;letter-spacing:.15em;width:0}.welcome .typewrite.animate{-webkit-animation:typing 4s steps(40) infinite,blink-caret .75s step-end infinite;animation:typing 4s steps(40) infinite,blink-caret .75s step-end infinite}@-webkit-keyframes typing{0%{width:0}45%{width:100%}60%{width:100%}to{width:0}}@keyframes typing{0%{width:0}45%{width:100%}60%{width:100%}to{width:0}}@-webkit-keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:var(--clr-primary)}}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:var(--clr-primary)}}
/*# sourceMappingURL=main.f9f6ce3f.chunk.css.map */