body{margin:0;font:300 11px/1.4 "Helvetica Neue",Helvetica,Arial,sans-serif;color:#444;background:#1d1d1d;overflow:auto;overflow-x:hidden;display:block;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#root,body,html{width:100%;height:100%}@font-face{font-family:"LaBelleAurore";src:local("LaBelleAurore"),url(/static/media/LaBelleAurore-Regular.7a47344d.ttf) format("truetype")}.page{position:relative;display:flex;padding-left:60px;min-width:calc(90vw - 60px);min-height:100%;overflow:hidden}@media (max-width:960px){.page{padding-left:0;min-width:90vw;padding-top:100px;min-height:calc(100% - 100px)}}.page .content-zone{margin:10px 0 0 5vw}.page .content-zone h1{color:#fff;font-weight:700;letter-spacing:-2px;text-transform:lowercase;margin:0;position:relative}.page .content-zone h1:before{content:"<h1>";margin-top:-10px}.page .content-zone h1:after,.page .content-zone h1:before{font-family:"LaBelleAurore";color:#515152;font-size:20px;position:absolute;left:-10px;font-weight:400}.page .content-zone h1:after{content:"<h1/>";margin-bottom:-10px;bottom:-10px}.page .content-zone>div{color:#a9a9a9;margin-top:20px;font-weight:400;font-size:12px;font-family:"Open Sans",sans-serif;letter-spacing:3px}.page .tags{font-size:30px;font-family:"LaBelleAurore";-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-weight:400;margin-left:-30px}.page .footer{display:flex;flex-direction:column}.page .footer p{font-family:monospace;text-align:center;font-size:15px;color:#a9a9a9;margin:auto}.page .footer p .love-symbol{color:#ec795e}h1{font-size:calc(20px + 2vw);transition:all .5s}h2{font-size:calc(10px + .5vw)}p{font-size:calc(10px + .3vw)}.nav_bar{background:#181818;width:60px;height:100%;position:fixed;top:0;display:flex;flex-direction:column;justify-content:space-between;z-index:3;min-height:500px}.nav_bar .logo{margin:12px 0 0 8px}.nav_bar .logo svg{-webkit-animation:fill .5s ease 1s forwards;animation:fill .5s ease 1s forwards}.nav_bar .logo .squiggle{stroke-dasharray:225px;stroke-dashoffset:225px;-webkit-animation:line-anim 2s ease .2s forwards;animation:line-anim 2s ease .2s forwards}@-webkit-keyframes line-anim{to{stroke-dashoffset:0px}}@keyframes line-anim{to{stroke-dashoffset:0px}}@-webkit-keyframes fill{0%{fill:transparent}to{fill:#fff}}@keyframes fill{0%{fill:transparent}to{fill:#fff}}.nav_bar nav{display:block;text-align:center}@media (max-width:960px){.nav_bar nav{display:flex;width:42%;height:60px;justify-content:space-evenly;top:0;left:50%;transition:all .3s ease-out}}@media (max-width:530px){.nav_bar nav{width:100%;position:fixed;left:100%;opacity:0;height:60px;top:60px;margin-top:0;background:#181818;-webkit-transition:all .3s ease-out}.nav_bar nav.show{left:0;opacity:1}}.nav_bar nav a{font-size:20px;color:#909096;margin-bottom:15px;display:block;line-height:51px;height:51px;position:relative;text-decoration:none}.nav_bar nav a:after,.nav_bar nav a i{transition:all .3s ease-out}.nav_bar nav a:after{content:"";font-size:9px;letter-spacing:2px;position:absolute;bottom:0;display:block;width:100%;text-align:center;opacity:0}.nav_bar nav a:first-child:after{content:"HOME"}@media (max-width:960px){.nav_bar nav a:first-child:after{left:-6px}}.nav_bar nav a:nth-child(2):after{content:"ABOUT"}@media (max-width:960px){.nav_bar nav a:nth-child(2):after{left:-12px}}.nav_bar nav a:nth-child(3):after{content:"SKILLS"}@media (max-width:960px){.nav_bar nav a:nth-child(3):after{left:-10px}}.nav_bar nav a:nth-child(4):after{content:"WORK"}@media (max-width:960px){.nav_bar nav a:nth-child(4):after{left:-6px}}.nav_bar nav a:nth-child(5):after{content:"CONTACT"}@media (max-width:960px){.nav_bar nav a:nth-child(5):after{left:-12px}}.nav_bar nav a.active,.nav_bar nav a:hover{color:#fff}.nav_bar nav a.active:after,.nav_bar nav a:hover:after{opacity:1}.nav_bar nav a.active i,.nav_bar nav a:hover i{opacity:0}.nav_bar ul{display:block;list-style:none;text-align:center;margin:0;padding:0 0 20px}@media (max-width:960px){.nav_bar ul{align-items:center;display:flex;min-height:60px;width:50px;justify-content:space-evenly}}@media (max-width:530px){.nav_bar ul{display:none}}.nav_bar ul li a{padding:7px 0;display:block;font-size:15px;line-height:16px;color:#909096}.nav_bar ul li a:hover{color:#fff}@media (max-width:960px){.nav_bar{flex-direction:row;width:100%;height:60px;min-height:0}}@media (max-width:960px) and (max-width:960px){.nav_bar nav a{line-height:60px;height:60px}}.hamburger{width:30px;height:20px;position:relative;display:none;margin:20px}@media (max-width:530px){.hamburger{display:block}}.hamburger .line{display:block;background:#ecf0f1;width:30px;height:3px;position:absolute;left:0;border-radius:1.5px;transition:all .4s;-webkit-transition:all .4s;-moz-transition:all .4s}.hamburger .line.line1{top:0}.hamburger .line.line2{top:50%}.hamburger .line.line3{top:100%}.hamburger:hover .line1{transform:translateY(-1.5px);-webkit-transform:translateY(-1.5px);-moz-transform:translateY(-1.5px)}.hamburger:hover .line3{transform:translateY(1.5px);-webkit-transform:translateY(1.5px);-moz-transform:translateY(1.5px)}.hamburger.active .line1{transform:translateY(10px) translateX(0) rotate(45deg);-webkit-transform:translateY(10px) translateX(0) rotate(45deg);-moz-transform:translateY(10px) translateX(0) rotate(45deg)}.hamburger.active .line2{opacity:0}.hamburger.active .line3{transform:translateY(-10px) translateX(0) rotate(-45deg);-webkit-transform:translateY(-10px) translateX(0) rotate(-45deg);-moz-transform:translateY(-10px) translateX(0) rotate(-45deg)}.header-home{color:#fff;font-family:"Special Elite",cursive;text-align:center;font-size:4rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-right:2px solid hsla(0,0%,100%,.75);-webkit-animation:blinkTextCursor .6s infinite normal;animation:blinkTextCursor .6s infinite normal}@-webkit-keyframes blinkTextCursor{0%{border-right-color:hsla(0,0%,100%,.75)}to{border-right-color:hsla(0,0%,100%,0)}}@keyframes blinkTextCursor{0%{border-right-color:hsla(0,0%,100%,.75)}to{border-right-color:hsla(0,0%,100%,0)}}.skill-container{display:flex;flex-wrap:wrap;justify-content:space-between}.skill-container .content{display:flex;justify-content:center;flex-direction:column;width:50%}@media (max-width:960px){.skill-container .content{width:auto;margin-bottom:20px}}.skill-container .skill-chart{width:calc(50% - 10px)}@media (max-width:960px){.skill-container .skill-chart{width:100%}}.skill-container .skill-chart .chart__bar{display:flex;justify-content:space-between;height:20px;margin-bottom:10px;background:linear-gradient(270deg,#4cb8c4,#3cd3ad);border-top-right-radius:4px;border-bottom-right-radius:4px;opacity:0;width:0;overflow:hidden;list-style:none}.skill-container .skill-chart .chart__bar .chart__label{padding-left:5px;line-height:20px;color:#fff}.skill-container .skill-chart .chart__bar .chart__label.header{border:1px solid #4cb8c4;background:#1d1d1d;padding-right:5px}.contact-wrapper{display:flex;flex-wrap:wrap;justify-content:space-around}.contact-wrapper .form-container{display:flex;justify-content:center;flex-direction:column;margin-right:15px;margin-bottom:20px}.contact-wrapper .form-container .submit-button{background-color:transparent;border:1px solid #fff;outline:none;height:21px;border-radius:4px;color:#fff;cursor:pointer;overflow:hidden}.contact-wrapper .form-container .submit-button:hover ul{transform:translateY(-18px)}.contact-wrapper .form-container .submit-button ul{transition:transform .3s;list-style:none;padding:0;margin:0}.contact-wrapper .form-container .submit-button ul.sending{transform:translateY(-39px)}.contact-wrapper .form-container .submit-button ul li{margin-bottom:5px}.contact-wrapper .form-container p{margin:5px}.contact-wrapper .form-container .input-box{background:transparent;outline:none;color:#a9a9a9;font-weight:400;font-size:12px;font-family:"Open Sans",sans-serif;letter-spacing:3px;border:none;border-bottom:1px solid #fff;margin-bottom:10px}.contact-wrapper .form-container .input-box.error{border-bottom:1px solid red}.contact-wrapper .form-container textarea{border:1px solid #fff;outline:none;background:transparent;margin-bottom:10px;resize:none;height:60px;color:#a9a9a9;font-weight:400;font-size:12px;font-family:"Open Sans",sans-serif;letter-spacing:3px}.contact-wrapper .form-container textarea.error{border:1px solid red}.contact-wrapper .form-container textarea::-webkit-scrollbar{width:5px;background-color:transparent}.contact-wrapper .form-container textarea::-webkit-scrollbar-thumb{border-radius:20px;box-shadow:inset 0 0 6px rgba(0,0,0,.1);background-color:#a9a9a9}.contact-wrapper .contact-details{display:flex;justify-content:center;align-items:center}.contact-wrapper .contact-details ul{list-style:none;padding:0}.contact-wrapper .contact-details ul i{margin-right:10px}.contact-wrapper .contact-details ul li{margin-bottom:10px}.work-container{display:flex;justify-content:space-evenly;align-content:center;flex-wrap:wrap;margin:20px 20px 40px 0}.work-container.reverse{flex-direction:row-reverse}.work-container .button-center{display:flex;justify-content:space-evenly;flex-wrap:wrap}.work-container .button-center a{display:inline;padding:5px 15px;border-radius:3px;cursor:pointer;background-color:#909096;color:#000;margin:10px}.work-container .browser{display:block;border-radius:10px;border-bottom:10px solid #909096;max-width:300px}@media (max-width:760px){.work-container .browser{width:100%;max-width:unset}}.work-container .browser .browser-header{background:#909096;padding:10px;border-top-right-radius:10px;border-top-left-radius:10px;display:flex}.work-container .browser .browser-header i{border-radius:10px;margin:0 3px;width:10px;height:10px}.work-container .browser .browser-header i:first-child{background-color:#d56363}.work-container .browser .browser-header i:nth-child(2){background-color:#ffd248}.work-container .browser .browser-header i:nth-child(3){background-color:#9dc75a}.work-container .browser .browser-header i:nth-child(4){flex:1 1;background-color:#e8f4f7}.work-container .browser .browser-body{height:auto}.work-container .browser .browser-body img{width:100%;display:block}.work-container .work-description{display:flex;justify-content:center;flex-direction:column;margin-left:10px;width:50%}@media (max-width:760px){.work-container .work-description{width:auto}}.work-container .work-description h2{color:#fff}.work-container .work-description .tech-tags{border-top:1px dashed #a9a9a9}.work-container .work-description .tech-tags span{display:inline-block;color:#a9a9a9;font-size:11px;padding:4px 8px;margin:4px 2px}
/*# sourceMappingURL=main.646fd05e.chunk.css.map */