*,:after,:before{box-sizing:border-box;font-family:sans-serif;font-family:Montserrat Alternates,sans-serif;margin:0;padding:0}body{--primary-color:#212121;--primary-color-m:rgba(33,33,33,.7);--secondary-color:#262626;--primary-font-color:#64ffda;--primary-font-color-m:rgba(100,255,218,.6);--secondary-font-color:#0a192f;--font-size-para:calc(0.5rem + 0.5vw);--font-size-para-m:calc(0.6rem + 0.8vw);--font-size-heading:calc(2rem + 1vw);--font-size-heading2:calc(1.5rem + 0.8vw);--font-size-heading3:calc(1rem + 0.6vw);--letter-spacing:0.1rem;background-color:var(--secondary-color);font-size:10px}a:active,a:link,a:visited{color:#fff;text-decoration:none}.active{color:orange}.main-nav{align-items:center;background-color:var(--primary-color-m);color:#fff;display:flex;height:5rem;justify-content:space-between;left:0;padding:1rem 3rem;position:fixed;top:0;width:100%;z-index:100000}.main-nav__logo{color:var(--primary-font-color);font-size:2.5rem}.hamburger,.hamburger-menu{display:none}.main-nav__list>ul{align-items:center;display:flex;font-size:.8rem;list-style:none}.main-nav__list>ul>li{cursor:pointer;letter-spacing:var(--letter-spacing);margin-left:1.5rem}.main-nav__list--resume{border:2px solid var(--primary-font-color);border-radius:.5rem;color:var(--primary-font-color);cursor:pointer;margin-left:1.5rem;padding:.8rem 2rem;transition:all .5s ease}.main-nav__list--resume:active,.main-nav__list--resume:hover{background-color:var(--primary-font-color);color:var(--secondary-font-color)}.main-nav__list>ul>li span,.main-nav__list>ul>li>* :active,.main-nav__list>ul>li>:hover{color:var(--primary-font-color)}@media only screen and (max-width:910px){.main-nav__list>ul{display:none}.hamburger{align-items:center;background-color:var(--primary-font-color);border-radius:50%;display:flex;flex-direction:column;height:3.5rem;justify-content:space-around;padding:1rem;width:3.5rem;z-index:100}.hamburger>div{background-color:var(--primary-color);border-radius:3px;height:.25rem;transition:all .6s cubic-bezier(1,0,0,1);width:2rem}.clicked .line-1{position:relative;top:25%;-webkit-transform:rotate(405deg);transform:rotate(405deg);-webkit-transform-origin:center;transform-origin:center}.clicked .line-2{display:none;opacity:0}.clicked .line-3{bottom:25%;position:relative;-webkit-transform:rotate(665deg);transform:rotate(665deg);-webkit-transform-origin:center;transform-origin:center}.hamburger-menu{align-items:center;background-color:var(--primary-font-color);height:100vh;position:fixed;right:0;top:0;transition:all .5s ease;width:35vw;z-index:99}.hamburger-menu,.hamburger-menu>ul{display:flex;justify-content:center}.hamburger-menu>ul{flex-direction:column;font-size:.8rem;list-style:none}.hamburger-menu>ul>li{margin:1rem}.hamburger-menu>ul>li,.hamburger-menu>ul>li>a{color:var(--primary-color)}.main-nav__list--resume{border:2px solid var(--secondary-font-color);border-radius:.5rem;color:var(--secondary-font-color);cursor:pointer;display:flex;justify-content:center;margin-left:0;padding:.5rem .6rem;transition:all .5s ease}.main-nav__list--resume:active,.main-nav__list--resume:hover{background-color:var(--secondary-font-color);color:var(--primary-font-color)}}@media only screen and (max-width:500px){.main-nav{padding:1rem}.hamburger-menu{width:45vw}}#home{align-items:center;background-color:var(--primary-color);display:flex;min-height:100vh;width:100%}.home__container{flex-grow:1;margin-left:calc(3rem + 3vw)}.home__container>*{margin-bottom:1rem}.home__container--para{color:#fff;font-size:var(--font-size-para)}.home__container--name{color:var(--primary-font-color);display:inline-block;font-family:Nanum Gothic Coding,monospace;font-size:var(--font-size-heading);letter-spacing:var(--letter-spacing)}@-webkit-keyframes typing{0%{width:0}to{width:100%}}@keyframes typing{0%{width:0}to{width:100%}}@-webkit-keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:orange}}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:orange}}.home__container--designation{color:var(--primary-font-color-m);font-family:Nanum Gothic Coding,monospace;font-size:var(--font-size-heading2);letter-spacing:var(--letter-spacing)}.home__container--description{color:#fff;display:inline-block;font-size:var(--font-size-para);max-width:540px}aside#left{height:100%;width:5rem;z-index:100}#left>ul{align-items:center;bottom:0;color:#fff;display:flex;flex-direction:column;left:3.5rem;list-style:none;position:fixed}#left>ul:after{background-color:var(--primary-font-color);content:"";display:block;height:9rem;margin:0 auto;width:1px}#left>ul>li{cursor:pointer;font-size:1rem;padding-bottom:1rem}#left>ul:first-child{color:orange}#left>ul>li>a:hover{color:var(--primary-font-color)}aside#right{height:100%;width:5rem;z-index:100}#right>ul{align-items:center;bottom:0;display:flex;flex-direction:column;list-style:none;position:fixed;right:3.5rem}#right>ul:after{background-color:var(--primary-font-color);content:"";display:block;height:9rem;margin:0 auto;width:1px}#right>ul>li{letter-spacing:var(--letter-spacing);padding:1rem 0;-webkit-writing-mode:vertical-rl;writing-mode:vertical-rl}#right>ul>li,#right>ul>li>a:hover{color:var(--primary-font-color)}@media only screen and (max-width:910px){.home__container{margin-left:calc(2rem + 2vw)}#left>ul{left:1.5rem}#right>ul{right:1.5rem}}@media only screen and (max-width:500px){.home__container{margin-left:calc(.6rem + .4vw)}#left>ul{left:1rem}#right>ul{right:1rem}.home__container--name{white-space:pre-wrap}.home__container--description,.home__container--para{font-size:var(--font-size-para-m)}#left>ul:after,#right>ul:after{height:5rem}}section#about{align-items:center;background-color:var(--secondary-color);display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:5rem 10rem}.about__heading{color:var(--primary-font-color);font-size:var(--font-size-heading2);margin-bottom:2rem}.about__container{display:flex}.about__container--img{max-width:20rem;opacity:0;padding:2rem}.about__container--img__div{border-radius:.5rem;height:100%;position:relative;transition:all .3s ease-in;width:100%;z-index:0}.about__container--img__div:before{border:2px solid var(--primary-font-color);border-radius:.5rem;content:"";height:100%;left:-1rem;position:absolute;top:-1rem;transition:all .2s ease-in-out;width:100%;z-index:-1}.about__container--img__div>img{border-radius:.5rem;-webkit-filter:grayscale(100%);filter:grayscale(100%);height:100%;object-fit:cover;transition:all .2s ease-in;width:100%}.about__container--img__div>img:hover{-webkit-filter:grayscale(0);filter:grayscale(0)}.about__container--img__div:hover:before{left:-.6rem;top:-.6rem}.about__container--description{max-width:25rem;opacity:0;padding:2rem}.about__container--description>p{color:#fff;font-size:var(--font-size-para)}@media only screen and (max-width:910px){section#about{padding:4rem 6rem}.about__container{align-items:center;display:flex;flex-direction:column}.about__container--img{min-width:15rem;padding:1.5rem}.about__container--description{max-width:25rem;padding:1.5rem}}@media only screen and (max-width:700px){section#about{padding:3rem 5rem}.about__container--img{min-width:12rem;padding:1rem}.about__container--description{max-width:25rem;padding:1rem}}@media only screen and (max-width:550px){section#about{padding:3rem 5rem}.about__container--img{padding:.8rem;width:12rem}.about__container--description{padding:0}.about__container--description>p{font-size:var(--font-size-para-m);margin:0;max-width:26rem;padding:0}}section#skills{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.skills__heading{color:var(--primary-font-color);font-size:var(--font-size-heading2);margin-bottom:2rem}.skills__container{color:#fff;display:flex;flex-wrap:wrap;justify-content:center}.skills__container--backend,.skills__container--frontend,.skills__container--other{align-items:center;background-color:#2b2b2b;border-radius:.5rem;box-shadow:0 1.6rem 2.4rem rgba(0,0,0,.25);display:flex;flex-direction:column;flex-wrap:wrap;height:16rem;margin:1rem 2rem;opacity:0;overflow:hidden;padding:2rem 1rem;position:relative;width:16rem}.skills__container--backend:after,.skills__container--frontend:after,.skills__container--other:after{background-color:orange;bottom:0;content:"";display:block;height:5%;left:0;position:absolute;width:100%}.skills__container--frontend:after{background-color:#8838b4}.skills__container--backend:after{background-color:#00aeff}.skills__container--other:after{background-color:#e31f71}.skills__container--backend>h3,.skills__container--frontend>h3,.skills__container--other>h3{font-size:var(--font-size-heading3);position:relative}.skills__container--backend>h3:before,.skills__container--frontend>h3:before,.skills__container--other>h3:before{content:"";height:2px;left:-2.2rem;position:absolute;top:50%;width:2rem}.skills__container--backend>h3:after,.skills__container--frontend>h3:after,.skills__container--other>h3:after{content:"";height:2px;position:absolute;right:-2.2rem;top:50%;width:2rem}.skills__container--frontend>h3:after,.skills__container--frontend>h3:before{background-color:#8838b4}.skills__container--backend>h3:after,.skills__container--backend>h3:before{background-color:#00aeff}.skills__container--other>h3:after,.skills__container--other>h3:before{background-color:#e31f71}.skills__container--frontend>h3{color:#8838b4}.skills__container--backend>h3{color:#00aeff}.skills__container--other>h3{color:#e31f71}.skills__container--backend>ul,.skills__container--frontend>ul,.skills__container--other>ul{font-size:var(--font-size-para);list-style:circle;margin-top:2rem}@media only screen and (max-width:1100px){.skills__container--backend,.skills__container--frontend,.skills__container--other{height:14rem;margin:1rem;max-width:14rem}.skills__container--backend>ul,.skills__container--frontend>ul,.skills__container--other>ul{font-size:var(--font-size-para-m);margin-top:2rem}}@media only screen and (max-width:500px){.skills__container--backend,.skills__container--frontend,.skills__container--other{height:14rem;max-width:14rem}.skills__container--backend>ul,.skills__container--frontend>ul,.skills__container--other>ul{font-size:var(--font-size-para-m);margin-top:2rem}}section#experience{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:90vh}.experience__heading{color:var(--primary-font-color);font-size:var(--font-size-heading2);margin-bottom:2rem}.experience__container{display:flex;max-width:60%;padding:2rem 0}.experience__container--1{border-right:2px solid #fff;display:flex;flex:1 1;padding:0 2rem;position:relative;text-align:right}.experience__container--1:after{background-color:var(--primary-font-color);border-radius:50%;content:"";height:10px;position:absolute;right:-6px;top:-5px;width:10px}.experience__container--company-name{font-family:Nanum Gothic Coding,monospace;width:100%}.experience__container--company-name>p{color:#fff;font-size:var(--font-size-para);opacity:.5}.experience__container--company-name>h3{color:#fff;font-size:var(--font-size-heading3)}.experience__container--2{flex:2 1;padding:0 2rem}.experience__container--2>h3{color:var(--primary-font-color-m);font-family:Nanum Gothic Coding,monospace;font-size:var(--font-size-heading3);margin-bottom:.8rem}.experience__container--2>p{color:#fff;font-size:var(--font-size-para)}@media only screen and (max-width:750px){.experience__container{flex-direction:column;max-width:68%}.experience__container--1{border-bottom:2px solid #fff;border-right:0;padding:1rem 0;text-align:left}.experience__container--1:after{left:-5px;top:95%}.experience__container--2{padding:1rem 0}.experience__container--2>p{font-size:var(--font-size-para-m)}}section#contact{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:90vh}.contact__heading{color:var(--primary-font-color);font-size:var(--font-size-heading);margin-bottom:2rem}.contact__heading2{color:#fff;font-size:var(--font-size-heading3);margin-bottom:2rem}.contact__para{color:#fff;font-size:var(--font-size-para);margin-bottom:2rem;text-align:center;width:25rem}section#contact a:active,section#contact a:link{border:2px solid var(--primary-font-color);border-radius:.5rem;color:var(--primary-font-color);cursor:pointer;font-size:var(--font-size-para);margin-left:0;padding:.8rem 2rem;text-decoration:none;transition:all .5s ease}section#contact a:active,section#contact a:hover{background-color:var(--primary-font-color);color:var(--secondary-font-color)}@media only screen and (max-width:600px){.contact__para{font-size:var(--font-size-para-m);width:20rem}}@media only screen and (max-width:450px){.contact__para{font-size:var(--font-size-para-m);width:13rem}}footer{align-items:center;background-color:var(--primary-color);display:flex;flex-direction:column;justify-content:center;min-height:15vh}footer>p{color:#fff;font-size:var(--font-size-para);margin-bottom:1rem;opacity:.6}
/*# sourceMappingURL=main.47595f07.css.map*/