@font-face{font-family:Raleway;src:url(/static/media/Raleway-Regular.580d0778.ttf)}@font-face{font-family:Raleway-semibold;src:url(/static/media/Raleway-SemiBold.17ba6410.ttf)}@font-face{font-family:Raleway-bold;src:url(/static/media/Raleway-Bold.575e4317.ttf)}#root,body,html{width:100%;height:100%}body{background:#252934;font-family:Raleway;overflow-y:auto;margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.App{text-align:center;width:100%;height:100%;font-size:3rem;color:#fff}.content{background:#fff;width:100%}.fade-in{-webkit-animation:fadeIn 2s forwards;animation:fadeIn 2s forwards}.slide-in-right{-webkit-animation:slideInRight 2s;animation:slideInRight 2s}.delay-1{-webkit-animation-delay:1s;animation-delay:1s}.delay-2{-webkit-animation-delay:2s;animation-delay:2s}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px);opacity:1}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px);opacity:1}}@-webkit-keyframes popDown{0%{-webkit-transform:translateY(-100px);transform:translateY(-100px)}}@keyframes popDown{0%{-webkit-transform:translateY(-100px);transform:translateY(-100px)}}@-webkit-keyframes slideUp{0%{-webkit-transform:translateY(300px);transform:translateY(300px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideUp{0%{-webkit-transform:translateY(300px);transform:translateY(300px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes slideDown{0%{-webkit-transform:translateY(-300px);transform:translateY(-300px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideDown{0%{-webkit-transform:translateY(-300px);transform:translateY(-300px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-300px);transform:translateX(-300px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-300px);transform:translateX(-300px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(600px);transform:translateX(600px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(600px);transform:translateX(600px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes toBottomFromTop{49%{-webkit-transform:translateY(100%);transform:translateY(100%)}50%{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}51%{opacity:1}}@keyframes toBottomFromTop{49%{-webkit-transform:translateY(100%);transform:translateY(100%)}50%{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}51%{opacity:1}}@-webkit-keyframes popIn{0%{-webkit-transform:scale(0);transform:scale(0)}60%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}80%{-webkit-transform:scale(.95);transform:scale(.95)}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes popIn{0%{-webkit-transform:scale(0);transform:scale(0)}60%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}80%{-webkit-transform:scale(.95);transform:scale(.95)}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@-webkit-keyframes appear{0%{-webkit-transform:scale(.5);transform:scale(.5);opacity:0}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes appear{0%{-webkit-transform:scale(.5);transform:scale(.5);opacity:0}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.header{width:100%;min-height:100vh;display:flex;justify-content:center;align-items:center;flex-flow:column;z-index:0}.header .particles-canvas{position:absolute;z-index:0;width:100%;height:100%;pointer-events:none;-webkit-transform:scale(1);transform:scale(1);opacity:0;-webkit-animation:appear 1s 1;animation:appear 1s 1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.header .hidden{opacity:0}.header .text{font-size:16pt}@media (min-width:600px){.header .text{font-size:32pt}}.header .highlight{font-weight:700;font-family:Raleway-bold}.more-button-wrapper{margin-top:3%;font-size:8pt;display:flex;justify-content:space-evenly;align-items:center;width:100px;border:2px solid #fff;padding:10px;z-index:1;-webkit-transition:all .5s ease;transition:all .5s ease;cursor:pointer}.more-button-wrapper:hover .more-button{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.more-button-wrapper .more-button{-webkit-transition:all .5s ease;transition:all .5s ease}@media (min-width:600px){.more-button-wrapper{padding:15px;font-size:12pt;width:150px;opacity:0;-webkit-animation:popIn .5s ease forwards;animation:popIn .5s ease forwards;-webkit-animation-delay:2.8s;animation-delay:2.8s}.hello{opacity:0;-webkit-animation:fadeIn 1s forwards;animation:fadeIn 1s forwards}.end-of-first-line{opacity:0;-webkit-animation:fadeIn .5s 1s forwards;animation:fadeIn .5s 1s forwards}.second-line{opacity:0;-webkit-animation:fadeIn .5s 2s forwards;animation:fadeIn .5s 2s forwards}}footer{width:100%;height:180px;display:flex;justify-content:center;align-items:center;flex-flow:column}footer .icon-wrapper{z-index:1;display:flex;justify-content:space-evenly}footer .social-media-icon{cursor:pointer;-webkit-transition:all .6s ease;transition:all .6s ease;margin-right:15%}footer .social-media-icon:hover{-webkit-transition:all .5s ease;transition:all .5s ease;-webkit-transform:scale(1.2)!important;transform:scale(1.2)!important}footer .delay-1{-webkit-animation-delay:1s;animation-delay:1s}footer .delay-2{-webkit-animation-delay:2s;animation-delay:2s}footer .name{color:#8f9aa7;font-size:10pt;margin-top:1%;opacity:.7}.nav-bar{width:100%;height:50px;display:flex;align-items:center;z-index:2;justify-content:flex-end}.nav-bar.fixed{position:fixed!important;top:0}.nav-bar .item:last-child{margin-right:2%}.nav-bar .nav-selector{font-size:12pt;text-transform:uppercase;margin:1%;pointer-events:all;cursor:pointer}.nav-bar .nav-selector,.nav-bar .nav-selector:hover{-webkit-transition:color .5s ease;transition:color .5s ease}.nav-bar .list-toggle{pointer-events:all;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;cursor:pointer}.nav-bar .list-toggle:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.nav-bar .list-toggle.rotate-90{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.nav-bar .mobile-list-view{max-width:1200px;width:100%;position:absolute;top:53px;overflow:hidden;height:0;-webkit-transition:height .3s ease-out;transition:height .3s ease-out}.nav-bar .mobile-list-view.show{height:220px}.nav-bar .mobile-list-view .item{width:100%;display:flex;justify-content:flex-start;padding:12px 20px}.nav-bar .mobile-list-view .item:first-child{padding:25px 20px 12px}.hide{display:none}@media (min-width:600px){.nav-bar{justify-content:start}.nav-bar .item:first-child{margin-left:25%}.fixed{-webkit-animation:popDown .5s;animation:popDown .5s}}.theme-editor{display:flex;flex-flow:column;height:470px;background:#f5f5f5;color:#616161}@media (min-width:600px){.theme-editor{height:550px}}.theme-editor .selector-container{display:flex;flex-flow:wrap;align-items:flex-start;justify-content:center}.theme-editor .picker-container{display:flex;align-items:center;margin-top:5%;justify-content:center;flex-flow:wrap;min-height:200px}.theme-editor .picker-container .description{font-size:12pt;margin-bottom:5%;line-height:20pt}@media (min-width:600px){.theme-editor .picker-container .description{font-size:14pt;margin-right:5%;margin-bottom:0;line-height:23pt}}@media (min-width:850px){.theme-editor .picker-container{flex-flow:row;opacity:0;-webkit-animation:popIn .5s forwards;animation:popIn .5s forwards;-webkit-animation-delay:2.5s;animation-delay:2.5s;margin-top:2.5%}}.attribute-selector{font-family:raleway-bold;margin-top:3%;font-size:10pt;display:flex;justify-content:space-evenly;align-items:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border:2px solid #000;padding:5px;z-index:1;-webkit-transition:all .5s ease;transition:all .5s ease;cursor:pointer;margin-right:1%}@media (min-width:600px){.attribute-selector{opacity:0;-webkit-animation:flipInX .5s forwards;animation:flipInX .5s forwards;padding:10px;font-size:10pt;width:100px}}.attribute-selector:last-child{margin-right:0}.page-title{text-transform:uppercase;display:flex;flex-flow:column;align-items:center;color:#444649}.page-title .title{margin-top:5%;margin-bottom:2%;font-family:raleway-bold;font-size:25pt}@media (min-width:600px){.page-title .title{font-size:30pt;margin-bottom:.5%}}.page-title .divider{width:75px;height:3px;background:#444649}@media (min-width:600px){.page-title{-webkit-animation:slideInRight .5s;animation:slideInRight .5s}.page-title .divider{opacity:0;-webkit-animation:slideInRight .5s forwards;animation:slideInRight .5s forwards;-webkit-animation-delay:.5s;animation-delay:.5s}}.about{background:#fff;color:#616161}.about,.about .content{display:flex;flex-flow:column}.about .content{align-items:center}.about .content .description{margin-top:5%;font-size:12pt;line-height:20pt;width:80%}@media (min-width:600px){.about .content .para-1{opacity:0;-webkit-animation:slideInLeft .5s forwards;animation:slideInLeft .5s forwards;-webkit-animation-delay:1s;animation-delay:1s}.about .content .para-2{opacity:0;-webkit-animation:slideInRight .5s forwards;animation:slideInRight .5s forwards;-webkit-animation-delay:1.5s;animation-delay:1.5s}.about .content .description{margin-top:2%;font-size:14pt;line-height:23pt;width:50%}}.about .skills{display:flex;justify-content:center;margin-top:5%}.about .skills .skills-inner{display:flex;flex-flow:wrap;justify-content:center}.about .skills .skills-inner .skill-icon{margin-top:5%;width:30%}@media (min-width:600px){.about .skills{opacity:0;-webkit-animation:popIn .5s forwards;animation:popIn .5s forwards;-webkit-animation-delay:2s;animation-delay:2s}.about .skills-inner{width:80%}.about .skills-inner .skill-icon{margin-top:5%}}.spacer{flex:1 1 auto}svg{display:block}@media (min-width:600px){.about{display:block}.spacer{flex:unset;display:none}}
/*# sourceMappingURL=main.0b492b2b.chunk.css.map */