@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&family=Roboto:wght@400;500;700&display=swap);:root{--primary-color:#78cc6d;--secondary-color:#000}body,html{height:100%}body{font-family:Roboto,sans-serif;margin:0;position:relative}*,:after,:before{box-sizing:border-box}.container{border-radius:4px;display:grid;grid-auto-rows:74px 80vh;grid-template-areas:"hd hd hd hd   hd   hd   hd   hd   hd" "sd sd sd main main main main main main";grid-template-columns:repeat(8,1fr);left:0;margin:8vh 6vw;max-width:1150px;overflow:hidden;position:relative;top:0;transition:all .4s ease 0s;-moz-transition:all .4s ease 0s;-webkit-transition:all .4s ease 0s;-o-transition:all .4s ease 0s;width:100%;z-index:22}@media only screen and (max-width:56.25em){.container{grid-auto-rows:auto;grid-template-areas:"hd hd hd hd   hd   hd   hd   hd   hd" "sd sd sd sd   sd   sd   sd   sd   sd" "main main main main main main main main main"}}@media only screen and (max-width:37.5em){.container{border-radius:0;margin:0}}.page-wrap{align-items:center;display:flex;height:100%;justify-content:center;position:fixed;width:100%}@media only screen and (max-width:56.25em){.page-wrap{position:static}}.page{-webkit-overflow-scrolling:touch;background:#fff;overflow:auto;overflow-x:hidden;padding:30px 30px 0;z-index:3}.page,.transition-wrapper{height:100%;position:relative;width:100%}.transition-wrapper{grid-area:main;margin:auto 0;overflow:hidden}@media only screen and (max-width:56.25em){.transition-wrapper{height:100vh}}.row{display:flex;flex-direction:row;flex-wrap:wrap;width:100%}.column{display:flex;flex-basis:100%;flex:1 1;flex-direction:column;font-size:16px;padding:30px 0;position:relative;vertical-align:top}.transition-enter{opacity:0;transform:translate3d(-70%,0,0)}.transition-enter-active{opacity:1;transform:translateZ(0);transition-timing-function:linear;transition:opacity 1s,transform 1s}@media only screen and (max-width:56.25em){.transition-enter-active{transition:none}}.transition-exit{opacity:1;transform:translateX(0)}.transition-exit-active{opacity:0;transform:translateX(-200px);transition:opacity .3s,transform .3s;transition-timing-function:ease-out}@media only screen and (max-width:56.25em){.transition-exit-active{transition:none}}::-webkit-scrollbar{background-color:initial;width:6px}::-webkit-scrollbar-thumb{background-color:#00000080;border-radius:6px}::-webkit-scrollbar-track{background-color:initial;-webkit-box-shadow:none}@keyframes fadeIn{0%{opacity:.3}to{opacity:1}}.fade-in{animation:fadeIn .5s ease-in}@keyframes customfadeOutLeft{0%{opacity:1}to{opacity:0;transform:translate3d(-70%,0,0)}}@keyframes square{0%{transform:translateY(0)}to{transform:translateY(-1500px) rotate(600deg)}}.main{background:#fff;background:linear-gradient(to bottom right,#50a3a2,#78cc6d);bottom:0;height:100%;left:0;position:absolute;right:0;top:0;transition:all .5s ease-in;width:100%;z-index:1}@media only screen and (max-width:56.25em){.main{position:fixed}}.main{overflow:hidden}.bubble{background-color:#fff6;border-radius:50%;display:inline-block;height:40px;position:absolute;width:40px}.bubble-1{animation:move-1 30.02s infinite;left:93vw;opacity:.48;top:7vh;transform:translate(0) scale(1.75)}.bubble-2{animation:move-2 30.04s infinite;left:67vw;opacity:.49;top:65vh;transform:translate(0) scale(1.33)}.bubble-3{animation:move-3 30.06s infinite;left:100vw;opacity:.15;top:96vh;transform:translate(0) scale(.63)}.bubble-4{animation:move-4 30.08s infinite;left:39vw;opacity:.92;top:59vh;transform:translate(0) scale(1.12)}.bubble-5{animation:move-5 30.1s infinite;left:24vw;opacity:.7;top:3vh;transform:translate(0) scale(.55)}.bubble-6{animation:move-6 30.12s infinite;left:76vw;opacity:.97;top:17vh;transform:translate(0) scale(1.25)}.bubble-7{animation:move-7 30.14s infinite;left:51vw;opacity:.17;top:46vh;transform:translate(0) scale(1.28)}.bubble-8{animation:move-8 30.16s infinite;left:92vw;opacity:.35;top:44vh;transform:translate(0) scale(1.61)}.bubble-9{animation:move-9 30.18s infinite;left:46vw;opacity:.56;top:25vh;transform:translate(0) scale(.77)}.bubble-10{animation:move-10 30.2s infinite;left:61vw;opacity:.24;top:30vh;transform:translate(0) scale(.24)}.bubble-11{animation:move-11 30.22s infinite;left:52vw;opacity:.31;top:67vh;transform:translate(0) scale(.77)}.bubble-12{animation:move-12 30.24s infinite;left:42vw;opacity:.89;top:3vh;transform:translate(0) scale(1.24)}.bubble-13{animation:move-13 30.26s infinite;left:86vw;opacity:.32;top:86vh;transform:translate(0) scale(.19)}.bubble-14{animation:move-14 30.28s infinite;left:3vw;opacity:.2;top:80vh;transform:translate(0) scale(.57)}.bubble-15{animation:move-15 30.3s infinite;left:39vw;opacity:.6;top:28vh;transform:translate(0) scale(1.17)}.bubble-16{animation:move-16 30.32s infinite;left:87vw;opacity:.23;top:3vh;transform:translate(0) scale(.64)}.bubble-17{animation:move-17 30.34s infinite;left:20vw;opacity:.93;top:49vh;transform:translate(0) scale(.87)}.bubble-18{animation:move-18 30.36s infinite;left:70vw;opacity:.38;top:51vh;transform:translate(0) scale(1.34)}.bubble-19{animation:move-19 30.38s infinite;left:60vw;opacity:.13;top:62vh;transform:translate(0) scale(.27)}.bubble-20{animation:move-20 30.4s infinite;left:5vw;opacity:1;top:39vh;transform:translate(0) scale(1.24)}.bubble-21{animation:move-21 30.42s infinite;left:61vw;opacity:.89;top:56vh;transform:translate(0) scale(1.3)}.bubble-22{animation:move-22 30.44s infinite;left:41vw;opacity:.98;top:38vh;transform:translate(0) scale(1)}.bubble-23{animation:move-23 30.46s infinite;left:100vw;opacity:.56;top:94vh;transform:translate(0) scale(.3)}.bubble-24{animation:move-24 30.48s infinite;left:66vw;opacity:.14;top:62vh;transform:translate(0) scale(1.45)}.bubble-25{animation:move-25 30.5s infinite;left:13vw;opacity:.03;top:5vh;transform:translate(0) scale(1.41)}.bubble-26{animation:move-26 30.52s infinite;left:26vw;opacity:.36;top:97vh;transform:translate(0) scale(.8)}.bubble-27{animation:move-27 30.54s infinite;left:2vw;opacity:.39;top:14vh;transform:translate(0) scale(.06)}.bubble-28{animation:move-28 30.56s infinite;left:5vw;opacity:.72;top:32vh;transform:translate(0) scale(2.04)}.bubble-29{animation:move-29 30.58s infinite;left:47vw;opacity:.31;top:100vh;transform:translate(0) scale(.47)}.bubble-30{animation:move-30 30.6s infinite;left:97vw;opacity:.85;top:87vh;transform:translate(0) scale(.68)}.credits{background-color:#0009;bottom:0;left:0;padding:2px 15px;position:fixed;width:100%;z-index:111}.credits a{color:#fff;font-size:11px;letter-spacing:.05em;text-decoration:none}@keyframes move-1{57%{transform:translate(-95vw,-96vh)}}@keyframes move-2{60%{transform:translate(-43vw,-63vh)}}@keyframes move-3{42%{transform:translate(-29vw,-10vh)}}@keyframes move-4{34%{transform:translate(-67vw,-60vh)}}@keyframes move-5{47%{transform:translate(-18vw,-50vh)}}@keyframes move-6{43%{transform:translate(-48vw,-9vh)}}@keyframes move-7{35%{transform:translate(-26vw,-33vh)}}@keyframes move-8{45%{transform:translate(-49vw,-35vh)}}@keyframes move-9{60%{transform:translate(-59vw,-78vh)}}@keyframes move-10{46%{transform:translate(-22vw,-45vh)}}@keyframes move-11{42%{transform:translate(-78vw,-16vh)}}@keyframes move-12{39%{transform:translate(-86vw,-48vh)}}@keyframes move-13{51%{transform:translate(-85vw,-7vh)}}@keyframes move-14{51%{transform:translate(-60vw,-78vh)}}@keyframes move-15{46%{transform:translate(-86vw)}}@keyframes move-16{40%{transform:translate(-98vw,-71vh)}}@keyframes move-17{36%{transform:translate(-57vw,-59vh)}}@keyframes move-18{59%{transform:translateY(-58vh)}}@keyframes move-19{42%{transform:translate(-10vw,-79vh)}}@keyframes move-20{38%{transform:translate(-84vw,-96vh)}}@keyframes move-21{60%{transform:translate(-5vw,-21vh)}}@keyframes move-22{48%{transform:translate(-86vw,-63vh)}}@keyframes move-23{41%{transform:translate(-94vw,-46vh)}}@keyframes move-24{41%{transform:translate(-30vw,-35vh)}}@keyframes move-25{49%{transform:translate(-84vw,-23vh)}}@keyframes move-26{47%{transform:translate(-9vw,-77vh)}}@keyframes move-27{48%{transform:translate(-42vw,-76vh)}}@keyframes move-28{56%{transform:translate(-29vw,-93vh)}}@keyframes move-29{31%{transform:translate(-12vw,-95vh)}}@keyframes move-30{56%{transform:translate(-87vw,-76vh)}}.profile{background:#fff;box-shadow:10px 10px 15px #0000000d;font-family:Poppins,sans-serif;grid-area:sd;justify-content:space-between;padding:0;text-align:center;z-index:10}.profile,.profile__content{display:flex;flex-direction:column}.profile__content{align-items:center;background-color:#fff;height:100%;justify-content:flex-start;left:0;overflow:scroll;padding:100px 50px 10px;position:relative;transition:all .02s ease 1s;width:100%}.profile__banner{height:45%;position:relative;width:100%}.profile__banner img{animation:fadeIn reverse;border-radius:50%;bottom:0;left:50%;object-fit:contain;opacity:1!important;position:absolute;transform:translate(-50%,50%);width:150px;z-index:22}@media only screen and (max-width:56.25em){.profile__banner{height:200px}}.profile__photo{background-color:#2eca7f1a;background-image:url(https://reactjs.org/logo-og.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:4px 4px 0 0;clip-path:polygon(0 0,0 87%,50% 100%,50% 100%,50% 100%,100% 87%,100% 0);height:100%;overflow:hidden;position:relative;width:100%}.profile__title{color:#323232;font-size:34px;font-weight:400;line-height:32px;z-index:1}.profile__contact{display:flex;flex-direction:row;height:70px;position:relative;width:100%;z-index:10}.profile__contact:before{background:radial-gradient(ellipse at center,#ddd 0,#fff0 70%);content:"";height:1px;left:0;position:absolute;top:0;width:100%}.profile__contact>a{border:none;color:#323232;cursor:pointer;display:block;font-size:14px;font-weight:500;height:70px;line-height:70px;position:relative;text-align:center;text-decoration:none;text-transform:uppercase;width:100%}.profile__contact>a:hover{color:var(--primary-color)}.profile__contact>a:first-child:before{background:radial-gradient(ellipse at top,#ddd 0,#fff0 70%);content:"";height:100%;position:absolute;right:0;top:0;width:1px}.typed-text{color:var(--primary-color);display:inline-block;font-weight:400;margin:0}.typed-cursor,.typed-text{font-size:16px;height:20px;line-height:20px;z-index:3}.typed-cursor{color:#0b0b0b;width:2px}.social{margin:16px 0 0;position:relative}.social>a{display:inline-block;margin:0 6px;vertical-align:middle}.social>a:hover>span{color:var(--primary-color)}.social>a>span{-webkit-font-smoothing:antialiased;font-feature-settings:normal;color:#323232;display:inline-block;font-size:16px;font-style:normal;font-variant:normal;line-height:1;text-rendering:auto;transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;-webkit-transition:all .3s ease 0s}@media only screen and (max-width:56.25em){.social>a>span{font-size:28px}}.info{font-size:12px;margin-top:16px;z-index:4}.info,.info .property{align-items:center;display:flex}.info .property{background:var(--primary-color);color:#fff;font-size:14px;line-height:20px;margin-right:8px;padding:1px 8px}.info .property>strong{text-transform:capitalize}.info .property>i{-webkit-font-smoothing:antialiased;font-feature-settings:normal;display:inline-block;font-size:16px;font-style:normal;font-variant:normal;line-height:1;margin-right:5px;text-rendering:auto;transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;-webkit-transition:all .3s ease 0s}.info>span{text-transform:capitalize}.skills{margin-top:30px;text-align:left}.skills>h6{margin:10px 0}.skills ul{list-style-type:none;margin:0;padding:0}.skills ul li{border:1px solid #2d2747;border-radius:2px;cursor:pointer;display:inline-block;font-size:12px;margin:0 7px 7px 0;padding:7px;transition:transform .3s ease-in}.skills ul li:hover{transform:scale(1.1) translateY(-2px)}.menu{display:flex;grid-area:hd;list-style:none;margin:0;padding:0;z-index:22}.menu>li{display:block;flex-grow:1;overflow:hidden;position:relative;transition:color .3s ease 0s;-moz-transition:color .3s ease 0s;-webkit-transition:color .3s ease 0s}.menu>li:hover span,.menu>li:hover>a{color:var(--primary-color)}.menu>li:not(:last-child):before{background:radial-gradient(ellipse at center,#ddd 0,#fff0 70%);bottom:0;content:"";height:100%;position:absolute;right:0;width:1px;z-index:222}.menu>li>a{background:#fff;display:flex;flex-direction:column;font-size:12px;font-weight:500;height:auto;justify-content:center;overflow:hidden;padding:15px 16.5px;text-align:center;text-decoration:none;text-transform:uppercase}.menu>li>a,.menu>li>a span{color:#323232;position:relative;transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;-webkit-transition:all .3s ease 0s}.menu>li>a span{border-radius:30px;display:block;font-size:14px;height:30px;left:0;line-height:30px;margin:0 auto;top:0}.active,.active span{color:var(--primary-color)!important}.title{align-items:center;color:#323232;display:flex;font-size:20px;font-weight:600;line-height:21px;margin:0;min-height:51px;padding:0 0 30px;position:relative;z-index:2}.title>h3{margin:0 0 0 10px}.title>i{color:var(--primary-color);font-size:28px}.title:after{background:radial-gradient(ellipse at left,#ddd 0,#fff0 70%);bottom:0;content:"";height:1px;left:-30px;position:absolute;right:0}.resume-item{padding:30px 0;position:relative}.resume-item:not(:last-child):after{background:radial-gradient(ellipse at center,#ddd 0,#fff0 70%);bottom:0;content:"";height:1px;left:0;position:absolute;width:100%}.resume-item.not-last:after{display:none}.resume-item__experience{align-items:center;display:flex;justify-content:space-between}.resume-item__experience>img{border-radius:50%;height:80px;width:80px}.resume-item__date{border:1px solid #eee;color:#ccc;display:inline-block;font-size:13px;font-weight:400;line-height:18px;margin:0 0 11px;padding:0 5px;position:relative;vertical-align:top}.resume-item__company p{color:#323232;font-size:17px;font-weight:500;margin:0 0 11px}.resume-item__company h3{color:#999;font-size:14px;font-weight:400;margin:0 0 11px}.work-item{padding:10px;text-align:center}.work-item__slider img{height:300px;width:100%}.work-item h3{color:#323232;display:block;font-size:17px;font-weight:500;padding:0;text-transform:none;transition:all .3s ease 0s;word-break:break-word}.work-item__links{border:1px solid #ccc;display:flex;flex-direction:row;position:relative;width:100%;z-index:10}.work-item__links:after{background:radial-gradient(ellipse at center,#ddd 0,#fff0 70%);bottom:0;content:"";height:1px;left:0;position:absolute;width:100%}.work-item__links a{align-items:center;border:none;color:#323232;cursor:pointer;display:block;display:flex;font-size:12px;padding:10px;position:relative;text-align:center;text-decoration:none;text-transform:uppercase;width:100%}.work-item__links a:hover{color:var(--primary-color)}.work-item__links a:first-child:after{background:radial-gradient(ellipse at bottom,#ddd 0,#fff0 70%);content:"";height:100%;position:absolute;right:0;top:0;width:1px}.work-item__links a i{margin-right:10px}.lazy-load-image-background.blur{filter:blur(15px)}.lazy-load-image-background.blur.lazy-load-image-loaded{filter:blur(0);transition:filter .3s}.lazy-load-image-background.blur>img{opacity:0}.lazy-load-image-background.blur.lazy-load-image-loaded>img{opacity:1;transition:opacity .3s}.works-menu{margin-left:10px}.works-menu button{background-color:initial;border:none;color:#646464;cursor:pointer;display:inline-block;font-size:14px;height:40px;line-height:40px;outline:none;padding:0;position:relative;text-transform:capitalize;vertical-align:top}.works-menu button:not(:last-child){margin-right:15px}.works-menu button:active,.works-menu button:hover{color:var(--primary-color)}.project-card{max-width:200px;padding:10px 0!important}.contact-form{grid-gap:30px;display:grid;grid-row:auto;grid-template-columns:1fr 1fr;margin-top:30px}.contact-form input,.contact-form textarea{background:0 0;border:2px solid #eee;border-radius:0;color:#323232;display:block;font-family:Poppins,sans-serif;font-size:16px;height:50px;margin:0;outline:0;padding:0 15px;resize:none;transition:all .3s ease 0s;width:100%}.contact-form input:focus,.contact-form textarea:focus{border:2px solid var(--primary-color)}.contact-form input:focus::-webkit-input-placeholder,.contact-form textarea:focus::-webkit-input-placeholder{color:var(--primary-color)}.contact-form input::-webkit-input-placeholder,.contact-form textarea::-webkit-input-placeholder{color:#999}.contact-form textarea{min-height:94px;padding:15px}.contact-form .full-row{grid-column:1/3}.contact-form__control{position:relative}.contact-form__err{bottom:-20px;font-size:12px;left:15px;position:absolute}.contact-form__result{font-size:30px;margin-top:30px}.contact-form__scc{color:var(--primary-color)}.contact-form__err{color:red}.send-message{background:#eee;border:none;border-radius:4px;color:#323232;cursor:pointer;display:inline-block;float:none;font-size:14px;font-weight:500;height:50px;line-height:50px;margin:40px 0 0;padding:0 30px;text-align:center;text-decoration:none;text-transform:uppercase;vertical-align:top;width:auto}.send-message:hover{border:none;color:var(--primary-color)}.back-to-top{align-items:center;background-color:#fff;border-radius:50px;bottom:30px;box-shadow:0 0 15px #0000004d;cursor:pointer;display:flex;height:50px;justify-content:center;opacity:0;position:fixed;right:30px;text-align:center;transition:background-color .3s,opacity .5s,visibility .5s;visibility:hidden;width:50px;z-index:1000}.back-to-top i{color:var(--primary-color);font-size:30px}.back-to-top:active{color:var(--secondary-color)}@media only screen and (max-width:56.25em){.back-to-top.show{opacity:1;visibility:visible}.back-to-top.hide{opacity:0;visibility:hidden}}
/*# sourceMappingURL=main.713264d0.css.map*/