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}html body{font-family:"Lato",sans-serif;font-size:110%;margin:0;padding:0;background-color:#fff;line-height:1.2}html body .app .no-scrollbars{scrollbar-width:none;-ms-overflow-style:none}html body .app .no-scrollbars::-webkit-scrollbar{display:none}html body .app .body>div{padding-top:50px;padding-bottom:50px}html body .app .body>div.grad-line{padding:0;margin:0;background-color:#fe0}html body .app .header{margin-left:auto;margin-right:auto;width:100%}html body .app .header h2{font-weight:700;margin-top:0}html body .app .header.dark{color:#2f3b4a}html body .app .header.light{color:#fff}html body .app .header.section{text-align:center}html body .app .header.underline{margin-bottom:20px;border-bottom:3px solid;max-width:250px}html body .app .nav{position:sticky;top:55px;z-index:100000}html body .app .nav .navbar-main{top:-55px;position:absolute}.hero-main{position:relative;height:100vh}.hero-main .vanta{height:100%}.hero-main .hero-welcome{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-55%);transform:translate(-50%,-55%);z-index:10;font-family:"Bungee",cursive;padding:30px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background-color:rgba(53,67,83,.5);border-radius:20px}.hero-main .hero-welcome p{margin:0;font-size:30pt;line-height:1.5}@media (min-width:900px){.hero-main .hero-welcome p{font-size:40pt}}@media (min-width:1200px){.hero-main .hero-welcome p{font-size:50pt}}.hero-main .hero-welcome p.name{color:#4cf68f}.hero-main.dark .hero-welcome{background-color:rgba(33,33,33,.5)}.hero-main.dark .hero-welcome p.name{color:#fe0}.navbar-main{box-shadow:0 2px 4px -1px rgba(0,0,0,.25);width:100%;background-color:rgba(47,59,74,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.navbar-main .wrapper{display:flex;justify-content:space-between;padding:0!important}.navbar-main .wrapper .right div{display:table-cell;vertical-align:middle;padding:0 10px}.navbar-main .wrapper .right .switch{position:relative;display:inline-block;width:60px;height:34px}.navbar-main .wrapper .right .switch input{opacity:0;width:0;height:0}.navbar-main .wrapper .right .switch input:checked+.slider{background-color:#212121}.navbar-main .wrapper .right .switch input:checked+.slider:before{-webkit-transform:translateX(26px);transform:translateX(26px);background-color:#fff}.navbar-main .wrapper .right .switch .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.2s;border-radius:34px}.navbar-main .wrapper .right .switch .slider:before{content:"";position:absolute;height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;transition:.3s;border-radius:50%}.navbar-main .navbar-links{overflow-x:auto;white-space:nowrap;margin-right:10px}.navbar-main .nav-link{height:55px;display:table-cell;vertical-align:middle;color:#ecf1f1;margin:0 10px;padding:0 20px;text-decoration:none;font-family:"Bungee",cursive;font-size:1.2em;outline:none}.navbar-main .nav-link.resume{color:#2f3b4a;background-color:#ecf1f1}.navbar-main .nav-link.resume:hover{background-color:#fff;color:#2f3b4a!important}.navbar-main .nav-link.active{color:#4cf68f}.navbar-main .nav-link:hover:not(.active){color:#fff}.navbar-main .nav-link:last-child{margin-right:0}.navbar-main.dark{background-color:rgba(0,0,0,.7)}.navbar-main.dark .nav-link.active{color:#fe0}.navbar-main.dark .resume{color:#000}.navbar-main.dark .resume:hover{color:#000!important}.about-main p.dark{font-weight:300;color:#2f3b4a}.about-main .container>.row>div{margin:20px 0}.about-main .container>.row #image{-ms-grid-row-align:center;align-self:center}.about-main.dark{background-color:#212121}.intro-main p{margin:0;font-size:1.1em}.intro-main p .colorful{color:#4cf68f;font-weight:700}.intro-main.dark p{color:#ecf1f1}.intro-main.dark p .colorful{color:#fe0}.image-main .image-wrapper{border-radius:50%;background-color:#2f3b4a;height:270px;width:270px;text-align:center;margin:0 auto}.image-main .image-wrapper img{position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:99%;height:99%;border-radius:inherit;object-fit:cover}.image-main.dark .image-wrapper{background-color:#fff}.proficiencies-main .proficiency-main{margin-bottom:5px;border-radius:0 20px 20px 0;position:relative;width:100%;height:30px}.proficiencies-main .proficiency-main .title{color:#2f3b4a;background-color:#fff;padding:0 25px 0 10px;z-index:2;border-radius:0;border-radius:inherit;top:0;bottom:0;position:absolute;font-family:"Bungee",cursive;display:flex;line-height:30px}.proficiencies-main .proficiency-main .title .svg{width:40px}.proficiencies-main .proficiency-main .title .svg svg{fill:#2f3b4a;margin-right:10px;max-height:100%;max-width:100%}.proficiencies-main .proficiency-main .title .svg svg .bash{fill:#fff}.proficiencies-main .proficiency-main .active{background-image:linear-gradient(90deg,#3b5575,#2f3b4a);border-radius:inherit;z-index:1;position:absolute;top:0;bottom:0}.proficiencies-main .proficiency-main .passive{position:absolute;width:100%;top:0;bottom:0;border-radius:inherit;background-color:#ecf1f1;z-index:0}.proficiencies-main .proficiency-main.dark .title{background-color:#212121;opacity:1;color:#fff}.proficiencies-main .proficiency-main.dark .title .svg svg{fill:#fff}.proficiencies-main .proficiency-main.dark .title .svg svg .bash{fill:#212121}.proficiencies-main .proficiency-main.dark .active{background-image:linear-gradient(90deg,#ccc,#ecf1f1,#fff)}.proficiencies-main .proficiency-main.dark .passive{background-color:#000;opacity:.2}.skills-main .skills .skill-main{margin-top:10px;margin-bottom:20px}@media (max-width:576px){.skills-main .skills .skill-main{padding-left:20px!important}}.skills-main .skills .skill-main svg{width:80px}.skills-main .skills .skill-main svg .polygon{fill:#ecf1f1}.skills-main .skills .skill-main svg .icon,.skills-main .skills .skill-main svg .icon *{fill:#2f3b4a}.skills-main .skills .skill-main .title{color:#000;margin-top:5px;margin-bottom:5px}.skills-main .skills .skill-main p{margin:0}.skills-main .skills .skill-main.dark .title{color:#fff}.skills-main .skills .skill-main.dark p{color:#ecf1f1}.skills-main .skills .skill-main.dark svg .polygon{fill:#000;opacity:.2}.skills-main .skills .skill-main.dark svg .icon,.skills-main .skills .skill-main.dark svg .icon *{fill:#ecf1f1}.values-main .chart{text-align:center}.values-main .chart svg{width:100%;max-width:500px}.values-main .chart svg path{stroke:#fff;stroke-width:5px}.values-main .chart svg text{font-family:"Bungee",cursive;font-size:30pt}.values-main .chart svg g:nth-child(5n+1) path{fill:#2f3b4a}.values-main .chart svg g:nth-child(5n+1) text{fill:#fff}.values-main .chart svg g:nth-child(5n+2) path{fill:#ecf1f1}.values-main .chart svg g:nth-child(5n+2) text,.values-main .chart svg g:nth-child(5n+3) path{fill:#2f3b4a}.values-main .chart svg g:nth-child(5n+3) text{fill:#fff}.values-main .chart svg g:nth-child(5n+4) path{fill:#ecf1f1}.values-main .chart svg g:nth-child(5n+4) text,.values-main .chart svg g:nth-child(5n+5) path{fill:#2f3b4a}.values-main .chart svg g:nth-child(5n+5) text{fill:#fff}.values-main .chart.dark g:nth-child(5n+1) path{fill:#ecf1f1}.values-main .chart.dark g:nth-child(5n+1) text{fill:#000}.values-main .chart.dark g:nth-child(5n+2) path{fill:#000;opacity:.2}.values-main .chart.dark g:nth-child(5n+2) text{fill:#fff}.values-main .chart.dark g:nth-child(5n+3) path{fill:#ecf1f1}.values-main .chart.dark g:nth-child(5n+3) text{fill:#000}.values-main .chart.dark g:nth-child(5n+4) path{fill:#000;opacity:.2}.values-main .chart.dark g:nth-child(5n+4) text{fill:#fff}.values-main .chart.dark g:nth-child(5n+5) path{fill:#ecf1f1}.values-main .chart.dark g:nth-child(5n+5) text{fill:#000}.values-main .chart.dark path{stroke:#000}.contact-main{background-color:#2f3b4a;padding:50px 0}.contact-main h4{color:#ecf1f1;text-align:center}.contact-main h4 .colorful{color:#4cf68f}.contact-main .media .row{align-items:center;text-align:center}.contact-main .media .row a svg{max-height:60px;fill:#ecf1f1}.contact-main .media .row a svg .transparent{fill:#2f3b4a}.contact-main .media .row a svg:hover{fill:inherit}.contact-main .media .row a:hover{fill:#4cf68f}.contact-main.dark{background-color:#000}.contact-main.dark .media .row a svg .transparent{fill:#000}.contact-main.dark .media .row a:hover{fill:#fe0}.contact-main.dark h4 .colorful{color:#fe0}.experience-main{background-color:#2f3b4a}.experience-main .timeline .entry{color:#ecf1f1;fill:#ecf1f1;padding-bottom:20px;margin:40px 0}.experience-main .timeline .entry .job .date svg text{font-size:30pt;font-family:"Bungee",cursive}.experience-main .timeline .entry .job .info .description .title{font-family:"Bungee",cursive}.experience-main .timeline .entry .job .info .description h3{margin:10px 0;border-bottom:2px solid}.experience-main .timeline .entry .job .info .description div h4,.experience-main .timeline .entry .job .info .description div p{margin:5px 10px}.experience-main .timeline .entry:hover{color:#fff;fill:#fff}.experience-main .timeline .entry:hover .date,.experience-main .timeline .entry:hover .logo,.experience-main .timeline .entry:hover .title{color:#4cf68f;fill:#4cf68f}.experience-main .timeline .entry:nth-child(4) .date{position:relative}.experience-main .timeline .entry:nth-child(4) .date svg:nth-child(2){position:absolute;left:50%;height:40px;top:-40px;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.experience-main.dark{background-color:#000}.experience-main.dark .entry:hover .date,.experience-main.dark .entry:hover .logo,.experience-main.dark .entry:hover .title{color:#fe0;fill:#fe0}.more-main div.resume{display:flex;justify-content:center}.more-main div.resume a{padding:20px;border-radius:10px;background-color:rgba(76,246,143,.8);color:#2f3b4a;text-decoration:none;font-weight:900;font-size:16pt}.more-main div.resume a:hover{background-color:#4cf68f}.more-main .terminal{overflow:hidden}.more-main .terminal .myterminal-main{background-color:#2f3b4a;cursor:text;height:60vh;overflow-y:auto;padding:20px;position:relative}.more-main .terminal .myterminal-main .loader-wrapper{position:sticky;top:0}.more-main .terminal .myterminal-main .loader-wrapper .loader{top:0;right:0;width:30px;height:30px;position:absolute}.more-main .terminal .myterminal-main .loader-wrapper .loader:after{content:" ";display:block;width:100%;height:100%;border-radius:50%;border-color:#4cf68f transparent;border-style:solid;border-width:3px;-webkit-animation:loader 1.2s linear infinite;animation:loader 1.2s linear infinite}@-webkit-keyframes loader{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes loader{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.more-main .terminal .myterminal-main .element{margin:15px 0;font-family:"CascadiaMono",monospace;font-size:12pt}.more-main .terminal .myterminal-main .element .colorful,.more-main .terminal .myterminal-main .element.input .textarea{color:#4cf68f}.more-main .terminal .myterminal-main .element.output .textarea{font-weight:300;color:#ecf1f1}.more-main .terminal .myterminal-main .element .symbol{color:#4cf68f;max-width:15px}.more-main .terminal .myterminal-main .element .textarea{white-space:pre-wrap;word-break:break-all;caret-color:#4cf68f;outline:none}.more-main .terminal .myterminal-main .element .textarea>div{padding-left:0!important}.more-main .terminal .myterminal-main .element .textarea .hyphen{max-width:10px}.more-main .terminal .myterminal-main .element .textarea .data{padding-left:10px}.more-main .terminal .myterminal-main .element .textarea .hyphen+.data>.data{padding-left:0}.more-main .terminal .myterminal-main .element .textarea .object{padding-left:20px}.more-main .terminal .myterminal-main.dark{background-color:#000}.more-main.dark{background-color:#212121}.more-main.dark div.resume a{color:#000;background-color:rgba(255,238,0,.95)}.more-main.dark div.resume a:hover{background-color:#fe0}.more-main.dark .terminal .myterminal-main .loader-wrapper .loader:after{border-color:#fe0 transparent}.more-main.dark .terminal .myterminal-main .element .colorful,.more-main.dark .terminal .myterminal-main .element.input .textarea,.more-main.dark .terminal .myterminal-main .element .symbol{color:#fe0}.more-main.dark .terminal .myterminal-main .element .textarea{caret-color:#fe0}
/*# sourceMappingURL=main.54a9640a.chunk.css.map */