.mainColor{color:#6758a9}.mainBackColor{background-color:#6758a9}.secondaryColor{color:#375bfa}.secondaryBackColor{background-color:#375bfa}.back-w{background-color:#FFF}.dark-g{color:rgba(0,0,0,0.6)}body{background-color:#EEE;overflow-x:hidden}*{font-family:"Montserrat", Sans-serif;-webkit-transition:.3s;transition:.3s;outline:none}a:hover{color:#375bfa}.padd{padding:60px 0px}.fit-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.overlay{top:0;left:0;bottom:0;right:0;width:100%;height:100%;overflow:hidden}.btn-primary{color:#6758a9;background-color:transparent;border:1px solid #6758a9;padding:16px 35px;border-radius:50px}.btn-primary:hover{background-color:#6758a9;color:#FFF}.btn-primary:hover:focus{-webkit-box-shadow:none;box-shadow:none}.btn-fill{background-color:#6758a9;color:#FFF}.btn-fill:hover{color:#6758a9;background-color:transparent}.btn-sm{padding:4px 12px;border-radius:20px}.preloader{height:100vh;position:fixed;top:0;right:0;bottom:0;width:100%;background-color:#FFF;z-index:9999;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.preloader img{-webkit-animation:preload 3.5s linear infinite;animation:preload 3.5s linear infinite;-webkit-transition:2s;transition:2s}@-webkit-keyframes preload{0%,100%{-webkit-transform:scale(1.2);transform:scale(1.2)}50%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes preload{0%,100%{-webkit-transform:scale(1.2);transform:scale(1.2)}50%{-webkit-transform:scale(1);transform:scale(1)}}.toggleWrapper{overflow:hidden}.toggleWrapper input{position:absolute;left:-99em}.toggle{cursor:pointer;display:inline-block;position:relative;width:60px;height:31px;background-color:#83D8FF;border-radius:84px;-webkit-transition:background-color 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95);transition:background-color 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95)}.toggle__handler{display:inline-block;position:relative;z-index:1;top:3px;left:3px;width:24px;height:24px;background-color:#FFCF96;border-radius:50px;-webkit-box-shadow:0 2px 6px rgba(0,0,0,0.3);box-shadow:0 2px 6px rgba(0,0,0,0.3);-webkit-transition:all 400ms cubic-bezier(0.68, -0.55, 0.265, 1.55);transition:all 400ms cubic-bezier(0.68, -0.55, 0.265, 1.55);-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.toggle__handler .crater{position:absolute;background-color:#E8CDA5;opacity:0;-webkit-transition:opacity 200ms ease-in-out;transition:opacity 200ms ease-in-out;border-radius:100%}.toggle__handler .crater--1{top:18px;left:10px;width:4px;height:4px}.toggle__handler .crater--2{top:28px;left:22px;width:6px;height:6px}.toggle__handler .crater--3{top:10px;left:25px;width:8px;height:8px}.star{position:absolute;background-color:#ffffff;-webkit-transition:all 300ms cubic-bezier(0.445, 0.05, 0.55, 0.95);transition:all 300ms cubic-bezier(0.445, 0.05, 0.55, 0.95);border-radius:50%}.star--1{top:10px;left:35px;z-index:0;width:30px;height:3px}.star--2{top:18px;left:28px;z-index:1;width:30px;height:3px}.star--3{top:27px;left:40px;z-index:0;width:30px;height:3px}.star--4,.star--5,.star--6{opacity:0;-webkit-transition:all 300ms 0 cubic-bezier(0.445, 0.05, 0.55, 0.95);transition:all 300ms 0 cubic-bezier(0.445, 0.05, 0.55, 0.95)}.star--4{top:16px;left:11px;z-index:0;width:2px;height:2px;-webkit-transform:translate3d(3px, 0, 0);transform:translate3d(3px, 0, 0)}.star--5{top:32px;left:17px;z-index:0;width:3px;height:3px;-webkit-transform:translate3d(3px, 0, 0);transform:translate3d(3px, 0, 0)}.star--6{top:36px;left:28px;z-index:0;width:2px;height:2px;-webkit-transform:translate3d(3px, 0, 0);transform:translate3d(3px, 0, 0)}input:checked+.toggle{background-color:#749DD6}input:checked+.toggle:before{color:#749ED7}input:checked+.toggle:after{color:#ffffff}input:checked+.toggle .toggle__handler{background-color:#FFE5B5;-webkit-transform:translate3d(30px, 0, 0) rotate(0);transform:translate3d(30px, 0, 0) rotate(0)}input:checked+.toggle .toggle__handler .crater{opacity:1}input:checked+.toggle .star--1{width:2px;height:2px}input:checked+.toggle .star--2{width:4px;height:4px;-webkit-transform:translate3d(-5px, 0, 0);transform:translate3d(-5px, 0, 0)}input:checked+.toggle .star--3{width:2px;height:2px;-webkit-transform:translate3d(-7px, 0, 0);transform:translate3d(-7px, 0, 0)}input:checked+.toggle .star--4,input:checked+.toggle .star--5,input:checked+.toggle .star--6{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}input:checked+.toggle .star--4{-webkit-transition:all 300ms 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95);transition:all 300ms 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95)}input:checked+.toggle .star--5{-webkit-transition:all 300ms 300ms cubic-bezier(0.445, 0.05, 0.55, 0.95);transition:all 300ms 300ms cubic-bezier(0.445, 0.05, 0.55, 0.95)}input:checked+.toggle .star--6{-webkit-transition:all 300ms 400ms cubic-bezier(0.445, 0.05, 0.55, 0.95);transition:all 300ms 400ms cubic-bezier(0.445, 0.05, 0.55, 0.95)}.hidden{position:absolute;overflow:hidden;width:0;height:0;pointer-events:none}.content{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:100vh;margin:0 auto;pointer-events:none}.content--fixed{position:fixed;top:0;left:0;display:grid;-ms-flex-line-pack:justify;align-content:space-between;width:100%;max-width:none;min-height:0;height:100vh;padding:1.5em;grid-template-columns:50% 50%;grid-template-rows:auto auto 4em;grid-template-areas:'header ...' '... ...' 'github demos'}.content--fixed a{pointer-events:auto}.codrops-header{position:relative;z-index:100;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-item-align:start;align-self:start;grid-area:header;justify-self:start}.codrops-header__title{font-size:1em;font-weight:bold;margin:0;padding:0.75em 0}.info{margin:0 0 0 1.25em;font-style:italic;color:var(--color-info);font-weight:bold}.github{display:block;-ms-flex-item-align:end;align-self:end;grid-area:github;justify-self:start;margin:0.5em}.demos{position:relative;display:block;-ms-flex-item-align:end;align-self:end;text-align:center;grid-area:demos;margin-bottom:0.5em}.demo{margin:0 0.15em}.demo:hover,.demo:focus{opacity:0.5}.demo span{white-space:nowrap;text-transform:lowercase;pointer-events:none}.demo span::before{content:'#'}a.demo--current{pointer-events:none}.codrops-links{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0 1em 0 0;text-align:center;white-space:nowrap}.codrops-icon{display:inline-block;margin:0.15em;padding:0.25em}.global-menu{width:100vw;height:90vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:fixed;top:0;left:0;pointer-events:none;z-index:100}.global-menu__item{color:var(--color-menu);font-family:var(--font-family-menu);font-size:var(--font-size-menu);font-weight:var(--font-weight-menu);opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%);pointer-events:none;display:block;margin:0.25em 0;-webkit-transition:opacity 0.3s, -webkit-transform 0.3s;transition:opacity 0.3s, -webkit-transform 0.3s;transition:transform 0.3s, opacity 0.3s;transition:transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}.global-menu__item--demo-2:nth-child(odd){-webkit-transform:translateY(-100%) rotate(10deg);transform:translateY(-100%) rotate(10deg)}.global-menu__item--demo-2:nth-child(even){-webkit-transform:translateY(-100%) rotate(-10deg);transform:translateY(-100%) rotate(-10deg)}.global-menu__item.is-opened{opacity:1;-webkit-transform:translateY(0) rotate(0);transform:translateY(0) rotate(0);pointer-events:auto;-webkit-transition-timing-function:ease;transition-timing-function:ease}.global-menu__item:nth-of-type(1){-webkit-transition-delay:0s;transition-delay:0s}.global-menu__item.is-opened:nth-of-type(1){-webkit-transition-delay:0.85s;transition-delay:0.85s}.global-menu__item:nth-of-type(2){-webkit-transition-delay:0.05s;transition-delay:0.05s}.global-menu__item.is-opened:nth-of-type(2){-webkit-transition-delay:0.8s;transition-delay:0.8s}.global-menu__item:nth-of-type(3){-webkit-transition-delay:0.1s;transition-delay:0.1s}.global-menu__item.is-opened:nth-of-type(3){-webkit-transition-delay:0.75s;transition-delay:0.75s}.global-menu__item:nth-of-type(4){-webkit-transition-delay:0.15s;transition-delay:0.15s}.global-menu__item.is-opened:nth-of-type(4){-webkit-transition-delay:0.7s;transition-delay:0.7s}.global-menu__item--demo-2:nth-of-type(1){-webkit-transition-delay:0s;transition-delay:0s}.global-menu__item--demo-2.is-opened:nth-of-type(1){-webkit-transition-delay:0.85s;transition-delay:0.85s}.global-menu__item--demo-2:nth-of-type(2){-webkit-transition-delay:0.05s;transition-delay:0.05s}.global-menu__item--demo-2.is-opened:nth-of-type(2){-webkit-transition-delay:0.8s;transition-delay:0.8s}.global-menu__item--demo-2:nth-of-type(3){-webkit-transition-delay:0.1s;transition-delay:0.1s}.global-menu__item--demo-2.is-opened:nth-of-type(3){-webkit-transition-delay:0.75s;transition-delay:0.75s}.global-menu__item--demo-2:nth-of-type(4){-webkit-transition-delay:0.15s;transition-delay:0.15s}.global-menu__item--demo-2.is-opened:nth-of-type(4){-webkit-transition-delay:0.7s;transition-delay:0.7s}.global-menu__item--demo-2:nth-of-type(5){-webkit-transition-delay:0.2s;transition-delay:0.2s}.global-menu__item--demo-2.is-opened:nth-of-type(5){-webkit-transition-delay:1s;transition-delay:1s}.global-menu__item--demo-2:nth-of-type(6){-webkit-transition-delay:0.25s;transition-delay:0.25s}.global-menu__item--demo-2.is-opened:nth-of-type(6){-webkit-transition-delay:1.2s;transition-delay:1.2s}.shape-overlays{width:100vw;height:100vh;pointer-events:none;position:fixed;top:0;left:0;z-index:99}.shape-overlays.is-opened{pointer-events:auto}.shape-overlays__path:nth-of-type(1){fill:#626262}.shape-overlays__path:nth-of-type(2){fill:#375bfa}.shape-overlays__path:nth-of-type(3){fill:#ff7300}.shape-overlays__path:nth-of-type(4){fill:#6758a9}.global-menu .global-menu__item{font-size:20px;color:#FFF;text-decoration:none;font-weight:bold;text-transform:uppercase;margin-bottom:16px}.global-menu .global-menu__item:hover{color:#dbdbdb}.go-to-section{cursor:pointer}.go-to-section:hover{color:#375bfa}nav{background-color:#FFF;-webkit-box-shadow:0 1px 0 rgba(115,115,115,0.23);box-shadow:0 1px 0 rgba(115,115,115,0.23);padding:35px 0px;-webkit-transition:.4s;transition:.4s;font-weight:500;font-size:14px}nav .menu-items li{-webkit-transition:.4s;transition:.4s;font-weight:400;font-size:15px;text-transform:uppercase}nav .menu-items li:hover{color:#9c9ea2}nav.scroll{padding:23px}@media (max-width: 752px){.hamburger{top:0;right:5%}nav{padding:7px 0px}nav.scroll{padding:0}}@media (max-width: 484px){.reversed-row{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}}.heart{color:#e73030;-webkit-animation:loved 2s linear infinite;animation:loved 2s linear infinite}@-webkit-keyframes loved{0%,100%,50%{-webkit-transform:scale(1);transform:scale(1)}5%{-webkit-transform:scale(1.2);transform:scale(1.2)}10%{-webkit-transform:scale(1.1);transform:scale(1.1)}15%{-webkit-transform:scale(1.3);transform:scale(1.3)}}@keyframes loved{0%,100%,50%{-webkit-transform:scale(1);transform:scale(1)}5%{-webkit-transform:scale(1.2);transform:scale(1.2)}10%{-webkit-transform:scale(1.1);transform:scale(1.1)}15%{-webkit-transform:scale(1.3);transform:scale(1.3)}}.to_top{position:fixed;-webkit-transition:.7s;transition:.7s;left:20px;bottom:-200px;background:rgba(0,0,0,0.3);color:white;padding:5px 10px;border-radius:50%;cursor:pointer}.to_top.active{bottom:5%}.to_top:hover{background:rgba(0,0,0,0.6);color:#FFF}.social-icons a{color:#FFF;font-size:16px;width:40px;height:40px;border-radius:20px}.social-icons a:hover{opacity:0.9}.social-icons a.facebook-icon{background-color:#024e9b}.social-icons a.messanger-icon{background-color:#5d7df7}.social-icons a.whatsapp-icon{background-color:#21b636}.social-icons a.linked-icon{background-color:#017aae}.social-icons a.behance-icon{background-color:black}.social-icons a.email-icon{background-color:#5a5a5a}.heading{text-transform:uppercase;font-weight:bolder;margin-bottom:19px;text-shadow:2px 12px 39px #6d90f7}.lead{font-size:15px;color:rgba(0,0,0,0.6)}.header{min-height:80vh;background-color:#f2f5ff}.header h1{font-size:60px;font-weight:900;text-transform:uppercase;text-shadow:4px 0px 0px #6758a9}.header .flip{display:inline-block;position:relative;width:500px;height:100px;position:relative;top:10px;-webkit-perspective:500;perspective:500;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;text-transform:uppercase;margin-bottom:30px}@media (max-width: 484px){.header .flip{width:220px;margin-bottom:50px}}.header .flip span{font-weight:600;display:block;width:auto;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;opacity:0;-webkit-transform-origin:0% 0%;transform-origin:0% 0%;-webkit-transform:rotateX(90deg);transform:rotateX(90deg);position:absolute;top:-20px;left:0;font-size:30px;font-weight:bold}.header .flip span.set{top:0;opacity:1;-webkit-transform-origin:0% 0%;transform-origin:0% 0%;-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}.header .flip span.down{top:40px;opacity:0;-webkit-transform-origin:0% 0%;transform-origin:0% 0%;-webkit-transform:rotateX(-90deg);transform:rotateX(-90deg)}.header table td{padding-bottom:12px;font-size:14px;color:#666}.header table .table-title{font-size:16px;font-weight:900;text-transform:uppercase;color:#2c2c2c}.header .profile .profile-img{width:80%;margin:auto;overflow:hidden}.header .profile .top-social-icons{padding:18px 25px;border-radius:56px;-webkit-box-shadow:2px 22px 30px -1px #cdd6f4;box-shadow:2px 22px 30px -1px #cdd6f4}.bio-section{background-color:#FFF}.bio-section div.chart{position:relative;width:60px;height:60px;overflow:hidden}.bio-section div.chart img{width:85%}@media (max-width: 484px){.bio-section div.chart img{width:auto !important;-webkit-transform:scale(0.3);transform:scale(0.3)}.bio-section div.chart img.point{-webkit-transform:scale(0.45);transform:scale(0.45)}.bio-section div.chart img.word{-webkit-transform:scale(0.45);transform:scale(0.45)}}.bio-section canvas{display:block;position:absolute;top:0;left:0}.bio-section span{color:#555;display:block;line-height:80px;text-align:center;width:80px;font-family:sans-serif;font-size:40px;font-weight:100;margin-left:5px}.bio-section b{color:#000;font-weight:bold}.bio-section .fancyboxes{height:100%}.bio-section .fancyboxes .parent-box{width:50%}.bio-section .fancyboxes .parent-box.h-55{height:55%}.bio-section .fancyboxes .parent-box.h-55 .overlay{background:-webkit-gradient(linear, left top, right bottom, from(#ffaf15), to(rgba(255,213,49,0.5)));background:linear-gradient(to bottom right, #ffaf15, rgba(255,213,49,0.5))}.bio-section .fancyboxes .parent-box.h-75{height:75%}.bio-section .fancyboxes .parent-box.h-75 .overlay{background:-webkit-gradient(linear, left top, right bottom, from(#b515ff), to(rgba(165,3,138,0.5)));background:linear-gradient(to bottom right, #b515ff, rgba(165,3,138,0.5))}.bio-section .fancyboxes .parent-box.h-45{height:45%;margin-top:-95px}@media (max-width: 720px){.bio-section .fancyboxes .parent-box.h-45{margin-top:-60px}}.bio-section .fancyboxes .parent-box.h-45 .overlay{background:-webkit-gradient(linear, left top, right bottom, from(#f16a6a), to(rgba(240,85,24,0.5)));background:linear-gradient(to bottom right, #f16a6a, rgba(240,85,24,0.5))}.bio-section .fancyboxes .parent-box.h-25{height:25%}.bio-section .fancyboxes .parent-box.h-25 .overlay{background:-webkit-gradient(linear, left top, right bottom, from(#1567ff), to(rgba(49,157,230,0.5)));background:linear-gradient(to bottom right, #1567ff, rgba(49,157,230,0.5))}@media (max-width: 484px){.bio-section .fancyboxes .parent-box{width:100%;max-height:auto !important;padding:0 !important;margin-bottom:15px;margin-top:0 !important}}.bio-section .fancyboxes .skill-box{height:100%;border-radius:13px;overflow:hidden}.bio-section .fancyboxes .skill-box img{-webkit-transition:.6s;transition:.6s}.bio-section .fancyboxes .skill-box:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}.bio-section .fancyboxes .skill-box h3{color:#FFF;font-weight:bolder;text-shadow:1px 1px 0px black;text-transform:capitalize}.bio-section .fancyboxes .skill-box p{color:#FFF}.bio-section .web-skills{background-color:#375bfa;color:#FFF}.bio-section .web-skills label{font-size:14px;color:#cfcfcf}.bio-section .web-skills .parent-progress{overflow:hidden;width:100%;height:12px;border-radius:15px;background-color:#98abff}.bio-section .web-skills .parent-progress span{height:100%;background-color:#FFF;left:0px;padding:0;margin:0;border-radius:15px}.exp-section .exp{background-color:#FFF;border-radius:13px;-webkit-transition:.4s;transition:.4s}.exp-section .exp:hover{-webkit-box-shadow:2px 12px 15px #E0E0E0;box-shadow:2px 12px 15px #E0E0E0}.exp-section .exp img{max-width:120px;top:110px}.exp-section .exp span.date{font-size:11px;color:dimgray;padding:4px 7px;margin-bottom:7px;border-radius:3px;border:1px solid #6758a9}.exp-section .exp h2{font-weight:bold;text-transform:uppercase}.exp-section .exp h3{font-size:17px;color:#000;font-weight:bold}.edu-section{background-color:#375bfa}.edu-section .heading{color:#FFF}.edu-section .edu{border-radius:13px;overflow:hidden}.edu-section .edu h3{font-weight:bold}.edu-section .edu .date{font-size:12px;border:1px solid;padding:4px 12px;border-radius:6px}.edu-section .edu .overlay{-webkit-transition:0.4s;transition:0.4s}.edu-section .edu:hover .overlay{opacity:0}.edu-section .edu .st{background:-webkit-gradient(linear, left top, right top, from(#FFF), to(rgba(255,255,255,0.69)));background:linear-gradient(to right, #FFF, rgba(255,255,255,0.69))}@media (max-width: 484px){.edu-section .edu .lead{font-size:13px}}.projects{background:#FFF}.projects .proj h3{text-transform:capitalize;font-size:19px;font-weight:bold;color:#000}.projects .proj .img{border-radius:12px;overflow:hidden}.projects .proj .small{color:#9c9c9c}.projects .proj .overlay{opacity:0;-webkit-transition:0.4s;transition:0.4s;background:rgba(250,250,250,0.6)}.projects .proj:hover .overlay{opacity:1}.projects .proj .tools .tool{border:1px solid #6758a9;padding:4px 7px;border-radius:4px;font-size:11px;color:#6758a9;margin:4px}.quote{background:#6758a9;color:#FFF}.quote .lead{color:#dbdbdb}.quote .talk{font-size:20px;font-weight:bold}.contact .icont{width:50px;height:50px;border-radius:50%;background:#FFF;color:dimgray;margin-bottom:25px;margin:auto}.contact span{font-size:17px;font-weight:bold;color:#2f2f2f}.contact .social-icons{width:50%;margin:auto}@media (max-width: 484px){.contact .social-icons{width:90%}}.modal .modal-header,.modal .modal-footer{border:none}.modal textarea{resize:none;min-height:180px}.modal .rem-sp{font-size:13px;color:#8A8A8A;font-weight:200}.floating-btns{z-index:100;bottom:5%;right:20px;width:65px}.floating-btns a{display:block;margin:auto;margin-bottom:10px;-webkit-transform:scale(0);transform:scale(0)}.floating-btns .chat-head{width:65px;height:65px;border-radius:50%;background:#6758a9;font-size:27px;color:#FFF;-webkit-box-shadow:5px 4px 10px 595959;box-shadow:5px 4px 10px 595959;cursor:pointer}.floating-btns .chat-head:hover{opacity:0.7}.floating-btns.hovered a{-webkit-transform:scale(1);transform:scale(1)}.floating-btns.hovered a:nth-child(1){-webkit-transition-delay:0.5s;transition-delay:0.5s}.floating-btns.hovered a:nth-child(2){-webkit-transition-delay:0.4s;transition-delay:0.4s}.floating-btns.hovered a:nth-child(3){-webkit-transition-delay:0.3s;transition-delay:0.3s}.floating-btns.hovered a:nth-child(4){-webkit-transition-delay:.2s;transition-delay:.2s}.floating-btns.hovered a:nth-child(5){-webkit-transition-delay:0.1s;transition-delay:0.1s}.floating-btns.hovered a:nth-child(6){-webkit-transition-delay:0s;transition-delay:0s}