body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}*{margin:0;padding:0;box-sizing:border-box;font-family:"PT Sans",sans-serif}html{scroll-behavior:smooth}.container{padding:0 100px}.logo>h1{cursor:pointer;color:#ed5565}.main-info-section,.work-category,nav ul{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}body{background-color:#252627}header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:20px 0}.navbar{background-color:#181818;position:fixed;width:100%;z-index:1000}.hide-menu-btn,.show-menu-btn{transition:.4s;display:none}.show-menu-btn{float:right}.fa-bars,.fa-times{color:#707070;cursor:pointer;padding:0 1rem;font-size:1.5rem;text-align:center;margin-top:10px}.fa-bars:hover,.fa-times:hover{color:#fff}#chk{display:none}@media screen and (max-width:800px){.hide-menu-btn,.show-menu-btn{display:block}.fa-bars,.fa-times{color:#fff}.menu{position:fixed;display:block;height:100vh;width:100%;background-color:#333;right:-100%;top:0;z-index:1000;text-align:center;line-height:normal;transition:all .4s;padding:50% 0 30%}li{margin:0!important}.menu li a{padding:30px 0;display:block;color:#fff}.hide-menu-btn{position:absolute;top:10px;right:10px}#chk:checked~.menu{right:0}}.about h1,.contact h1,.skills h1,.text p,.work h1,header a,header h1{color:#707070}li{list-style:none;margin-left:30px}li a{text-decoration:none;font-size:1rem;font-weight:700;text-transform:uppercase;position:relative;top:50%;bottom:50%;transform:translateY(-50%)}li:hover a{color:#fff}.main-info-section{height:calc(100vh - 81.6px)}.text{margin-top:120px}.text h1{color:#fff;font-size:3rem;cursor:context-menu}.text span{display:inline-block}span:hover{color:#48cfad}span.name{color:#ed5565}span .m-left{margin-left:-10px}.text p{letter-spacing:3px;word-spacing:10px;font-size:.8rem}.text a{padding:12px 25px;background-color:none;border:3px solid #ed5565;color:#ed5565;font-size:.8rem;text-decoration:none;letter-spacing:2px;position:relative;top:80px;overflow:hidden;transition:.5s;display:inline-block}.text a:hover{color:#fff}.text a:before{content:"";background-color:#ed5565;position:absolute;left:0;top:0;width:100%;height:0%;z-index:-1;transition:.5s}.text a:hover:before{height:100%}.profile-img img{width:450px;margin-top:50px}.about{height:100vh;margin-top:100px}.about h1,.work h1{font-size:10rem;z-index:0;opacity:.1}.about-me-info{max-width:900px;background-color:#252525;box-shadow:0 0 1.2rem rgba(0,0,0,.25);padding:50px;position:relative;top:-70px;left:50%;right:50%;transform:translateX(-50%);z-index:1}.about-me-info p{font-size:1.1rem;color:#bebebe;line-height:2}.about-me-info p span{font-weight:700;text-transform:uppercase}.about-me-info p:last-child,.about-me-info p:nth-child(2){margin-top:30px}.about img{width:300px;position:relative;top:-300px;left:100%;right:calc(100% - 100px);transform:translateX(-100%)}.skills{height:100vh}.contact h1,.skills h1{text-align:right;font-size:10rem;opacity:.1}.skills-info{font-size:1.4rem;color:#bebebe;max-width:800px;position:relative;left:50%;right:50%;transform:translateX(-50%);text-align:center;margin-bottom:50px}.html{display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:40px}.tag{-webkit-clip-path:polygon(75% 0,100% 50%,75% 100%,0 100%,0 50%,0 0);clip-path:polygon(75% 0,100% 50%,75% 100%,0 100%,0 50%,0 0);width:120px;height:30px;background-color:#1785a7;margin-right:30px}.tag p{color:#fff;text-align:left;padding-left:10px;font-size:1.1rem;padding-top:5px}.progressbar{position:relative;width:600px;height:20px;border:2px solid #48cfad;border-radius:20px;margin-top:7px;transition:all .5s}.html:hover .bar{width:calc(var(--percentage)*1%)}.work-category button{text-transform:capitalize;border:3px solid #ed5565;padding:15px 30px;border-radius:50px;color:#ed5565;font-size:1.1rem;letter-spacing:1px;background-color:#252627;outline:none;cursor:pointer}div[class^=category-]{margin-top:50px;display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));grid-gap:40px 20px}.work a{justify-self:center;position:relative;display:inline-block;text-decoration:none}.work-category .active{background-color:#ed5565;color:#fff}button .active{color:#fff}.work a img{width:350px;justify-self:center}div.hideCategory{display:none}div.showCategory{display:grid}.contact{margin-top:50px}.contact-info{margin:10% 0;display:flex;justify-content:center;align-items:center}form input,form textarea{display:block;width:500px;padding:20px;background-color:#252627;border:3px solid #707070;margin:20px 0;outline:none;font-size:1.2rem;color:#fff;position:relative;left:50%;right:50%;transform:translateX(-50%)}.form input:last-child{width:150px;background-color:#ed5565;border:none;cursor:pointer}footer hr{border:2px solid #707070;margin-top:80px}footer p{text-align:center;color:#707070;font-size:1.2rem;padding:30px 0}.containerCard{width:100%!important;justify-content:center;align-items:center}.cardCss,.containerCard{position:relative;display:flex}.cardCss{height:320px;width:220px;background-color:#17141d;border-radius:10px;box-shadow:-1rem 0 3rem #000;transition:.4s ease-out;left:0;overflow:hidden}.cardCss:not(:first-child){margin-left:-50px}.cardCss:hover{transform:translateY(-20px);transition:.4s ease-out}.cardCss:hover~.cardCss{position:relative;left:50px;transition:.4s ease-out}.cardCss:hover .filledbar{width:calc(var(--percentage)*1%)}.cardCss:hover .stroke{stroke-dashoffset:calc(440 - var(--percentage)*405/100)}.title{color:#fff;font-weight:300;position:absolute;left:20px;top:13%;font-size:20px;display:flex;align-items:center}.img{width:30px;margin-left:5px}.circle{position:absolute;top:150px;left:calc(50% - 60px)}.stroke{stroke:grey;stroke-dasharray:360;stroke-dashoffset:360;transition:.6s ease-out}svg{fill:#17141d;stroke-width:2px}.bar{position:absolute;top:100px;left:20px;height:5px;width:150px}.emptybar{background-color:#2e3033;width:100%;height:100%}.react-reveal{opacity:0}.filledbar{position:absolute;top:0;z-index:3;width:0;height:100%;background:#ed5565;transition:.6s ease-out}.experiance{position:absolute;top:63%;left:50%;transform:translateX(-50%);color:grey}.card,.experiance{transition:all .5s}.card{width:325px;height:450px;background:no-repeat 50%/cover;margin:auto;position:relative;overflow:hidden;transform:scale(1);z-index:1;-webkit-backface-visibility:hidden;backface-visibility:hidden}.card:hover{transform:translate(-.5rem) scale(1.1)}.card:hover .fon{opacity:.2}.card:hover .text1{height:10%;padding:10px 0 0}.card:hover .text1 h2{margin-bottom:0}.card:hover .text1 p{opacity:0}.card:hover .btns{transform:scale(1)}.fon{height:100%;background:#000;opacity:.5;z-index:2;transition:opacity .25s}.fon,.text1{position:absolute;width:100%}.text1{top:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:space-between;background:#fff;height:40%;text-align:center;padding:40px 0 0;z-index:4;transition:height .25s,padding .25s}.text1 h2{text-transform:uppercase;color:#3498db;letter-spacing:2px;margin-bottom:20px;transition:margin-bottom .25s}.text1 p{line-height:20px;margin:0 10px;color:#777;z-index:5;transition:opacity .25s}.text1 .triangle{width:100%;height:60px;background:#fff;transform:matrix(1.01,-.3,0,2,-1,25);z-index:3}.btns{position:absolute;top:calc(50% - 20px);left:calc(50% - 40px);margin:auto;width:100px;height:50px;display:flex;justify-content:center;align-items:center;text-transform:uppercase;font-weight:700;letter-spacing:2px;background-image:linear-gradient(180deg,#141e30,#243b55);border:2px solid #141e30;transition:transform .15s,background .25s,color .25s,border-color .25s;z-index:4;transform:scale(0)}.btnLink{display:flex;align-self:center;cursor:pointer}.btnLink,.btns:hover .btnLink{color:#fff}.btns:hover{background:linear-gradient(0deg,#141e30,#243b55);border-color:#141e30}.ul{display:flex;transform-style:preserve-3d;transform:rotate(-10deg) skew(20deg);justify-content:space-evenly}.ul,.ul .li{position:relative}.ul .li{list-style:none;width:60px;height:60px;margin:0 10px}.ul .li:before{bottom:-10px;left:0;width:100%;height:10px;transform-origin:top;transform:skew(-41deg)}.ul .li:after,.ul .li:before{content:"";position:absolute;background:#2a2a2a}.ul .li:after{top:0;left:-9px;width:9px;height:100%;transform-origin:right;transform:skewY(-49deg)}.ul .li a{position:unset}.ul .li span{position:absolute;top:0;left:0;width:100%;height:100%;display:flex!important;justify-content:center;align-items:center;background:#333;color:hsla(0,0%,100%,.2);font-size:30px!important;transition:.2s}.ul .li:hover span{z-index:1000;transition:.5s;color:#fff;box-shadow:-1px 1px 1px rgba(0,0,0,.05)}.ul .li:hover span:first-child{transform:translate(0);opacity:.2}.ul .li:hover span:nth-child(2){transform:translate(10px,-10px);opacity:.4}.ul .li:hover span:nth-child(3){transform:translate(20px,-20px);opacity:.6}.ul .li:hover span:nth-child(4){transform:translate(30px,-30px);opacity:.8}.ul .li:hover span:nth-child(5){transform:translate(40px,-40px);opacity:1}.ul .li:first-child:hover span{background-color:#3b5999}.ul .li:nth-child(2):hover span{background-color:#e4405f}.ul .li:nth-child(3):hover span{background-color:#616161}.ul .li:nth-child(4):hover span{background-color:#1da1f2}.ul .li:nth-child(5):hover span{background-color:#00b22d}@media (max-width:1000px){header{padding:10px 0}.cardCss .filledbar{width:calc(var(--percentage)*1%)}.container{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:0 50px}.cardCss{margin:10px 0}.cardCss .stroke{stroke-dashoffset:calc(440 - var(--percentage)*405/100)}.cardCss:not(:first-child){margin-left:0}.cardCss:hover~.cardCss{left:unset}.cardCss:hover{transform:translateY(0)}.containerCard{width:100%;text-align:center;flex-wrap:wrap;justify-content:space-evenly}.containerCard .cardCss{position:relative;left:unset}.skills{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:0 30px}.work{margin-top:30px}}@media (max-width:768px){.showNavbar{display:block!important}.navbar{padding:0 25px!important}.container{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:25px}.about h1,.contact h1,.skills h1,.work h1{font-size:3rem;color:#fff}.about-me-info{padding:20px;top:0}.about img{display:none}.about-me-info p{font-size:1rem;letter-spacing:1px}.skills-info{font-size:1.2rem}.tag{-webkit-clip-path:polygon(80% 0,100% 50%,80% 100%,0 100%,0 50%,0 0);clip-path:polygon(80% 0,100% 50%,80% 100%,0 100%,0 50%,0 0);width:180px;margin-right:30px}.html{flex-wrap:nowrap}.profile-img img{width:250px}form input,form textarea{width:-webkit-fill-available}.work-category{justify-content:center}.work-category button{margin:.5rem 0}.work a img{width:250px}.text h1{font-size:2rem}.contact-info{margin:20% 0;display:flex;justify-content:center;align-items:center}}.loader{max-height:100vh;min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;transform:scale(3)}
/*# sourceMappingURL=main.c8805b58.chunk.css.map */