@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap";*{box-sizing:border-box;scroll-behavior:smooth;border:none;outline:none;margin:0;padding:0;font-family:Poppins,sans-serif;text-decoration:none}:root{--bg-color:#161a20;--second-bg-color:#2c313a;--text-color:#fff;--main-color:#0ef;--second-main-color:#fd81ed;--portfolio-color-1:#1f242ddd;--portfolio-color-2:#323946d8}:root .dark{--bg-color:#d8d8d8;--second-bg-color:#e9e9e9;--text-color:#323946;--main-color:#fd81ed;--second-main-color:#0ff;--portfolio-color-1:#e4e4e4dd;--portfolio-color-2:#ffffffd8}html{font-size:62.5%;overflow-x:hidden}body{background:var(--bg-color);color:var(--text-color);transition:all .5s cubic-bezier(.215,.61,.355,1)}section{min-height:100vh;padding:10rem 9% 2rem;position:relative}.header{background:var(--second-bg-color);z-index:100;justify-content:space-between;align-items:center;width:100%;padding:2rem 9%;transition:all .5s cubic-bezier(.215,.61,.355,1);display:flex;position:fixed;top:0;left:0}.header.sticky{border-bottom:.1rem solid var(--second-main-color)}.logowrapper{align-items:center;display:flex}.mylogo{vertical-align:bottom;border-radius:.5rem;width:5rem;margin-right:1rem}.logotext{color:var(--text-color);cursor:pointer;align-content:center;font-size:2.5rem;font-weight:600;transition:all .5s cubic-bezier(.215,.61,.355,1)}.navbar{justify-content:space-between;align-items:center;display:flex}.navbar a{color:var(--text-color);margin-left:4rem;font-size:1.8rem;transition:all .5s cubic-bezier(.215,.61,.355,1)}.navbar a:hover,.navbar a.active{color:var(--main-color)}.lang{display:flex}.lang img{vertical-align:bottom;width:2.8rem;height:2.8rem}#menu-icon{color:var(--text-color);font-size:3.5rem;transition:all .5s cubic-bezier(.215,.61,.355,1);display:none}.home{justify-content:center;align-items:center;display:flex}.home-img img{border:.2rem solid var(--main-color);width:35vw;box-shadow:0 0 1rem var(--second-main-color);border-radius:15% 5%;transition:all .5s cubic-bezier(.215,.61,.355,1);animation:4s infinite floatImage}.home-content h3{font-size:3.5rem;font-weight:700}.home-content h3:nth-of-type(2){margin-bottom:2rem}span{color:var(--main-color);transition:all .5s cubic-bezier(.215,.61,.355,1)}.home-content{margin-right:5rem}.home-content h1{font-size:5.5rem;font-weight:700;line-height:1.3}.home-content p{font-size:1.8rem}.social-media a{border:.2rem solid var(--main-color);width:4rem;height:4rem;color:var(--main-color);box-shadow:0 0 1rem var(--second-main-color);background:0 0;border-radius:50%;justify-content:center;align-items:center;margin:3rem 1.5rem 3rem 0;font-size:2rem;transition:all .5s cubic-bezier(.215,.61,.355,1);display:inline-flex}.social-media a:hover{background:var(--main-color);color:var(--second-bg-color);box-shadow:0 0 1rem var(--main-color);transition:all .5s cubic-bezier(.215,.61,.355,1)}.about{background:var(--second-bg-color);flex-direction:column;justify-content:center;align-items:center;gap:2rem;padding-bottom:6rem;transition:all .5s cubic-bezier(.215,.61,.355,1);display:flex}.about-img{border-radius:50%;justify-content:center;align-items:center;width:30rem;height:30rem;display:flex;position:relative}.about-img img{width:90%;box-shadow:0 0 1rem var(--second-main-color);border-radius:50%}.about-img .circle-spin{border-top:.2rem solid var(--second-bg-color);border-bottom:.2rem solid var(--second-bg-color);border-left:.2rem solid var(--main-color);border-right:.2rem solid var(--main-color);border-radius:50%;width:100%;height:100%;transition:all .5s cubic-bezier(.215,.61,.355,1);animation:8s linear infinite aboutSpinner;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(0)}.heading{text-align:center;font-size:4.5rem}.about-content h2{line-height:1.2}.about-content h3{text-align:center;justify-content:center;align-items:center;font-size:3.5rem;display:flex}#about-description{text-align:left;max-width:130rem;margin:2rem 0 3rem;font-size:1.8rem;line-height:1.5}.skills{background:var(--bg-color);flex-direction:column;justify-content:center;padding-bottom:7rem;transition:all .5s cubic-bezier(.215,.61,.355,1);display:flex;position:relative}.skills h2{margin-bottom:4rem}.skills i{font-size:2rem}.skills-content{background:var(--second-bg-color);transition:all .5s cubic-bezier(.215,.61,.355,1)}.skills .skills-row{flex-wrap:wrap;gap:5rem;display:flex}.skills-row .skills-column{flex:40rem}.skills-column .title{margin:0 0 1.5rem;font-size:2.5rem}.skills-box .skills-content{box-shadow:0 0 1rem var(--main-color);border:.2rem solid var(--second-main-color);z-index:1;border-radius:1.5rem;padding:.5rem 1.5rem;transition:all .5s cubic-bezier(.215,.61,.355,1);position:relative;overflow:hidden}.skills-box .skills-content:before{content:"";background:var(--bg-color);z-index:-1;width:0;height:100%;transition:all .5s cubic-bezier(.215,.61,.355,1);position:absolute;top:0;left:0}.skills-box .skills-content:hover:before{width:100%}.skills-content .progress{padding:1rem 0}.skills-content .progress h3{justify-content:space-between;font-size:1.5rem;display:flex}.skills-content .progress h3 span{color:var(--text-color);transition:all .5s cubic-bezier(.215,.61,.355,1)}.skills-content .progress .bar{border:.2rem solid var(--main-color);height:2.5rem;box-shadow:0 0 1rem var(--second-main-color);border-radius:1.5rem;margin:1rem 0;padding:.5rem;transition:all .5s cubic-bezier(.215,.61,.355,1)}.skills-content .progress .bar span{background:var(--main-color);border-radius:1.5rem;height:100%;transition:all .5s cubic-bezier(.215,.61,.355,1);display:block}.skills-column:first-child .skills-content .progress:first-child .bar span,.skills-column:first-child .skills-content .progress:nth-child(2) .bar span{width:95%}.skills-column:first-child .skills-content .progress:nth-child(3) .bar span,.skills-column:first-child .skills-content .progress:nth-child(4) .bar span{width:90%}.skills-column:first-child .skills-content .progress:nth-child(5) .bar span{width:85%}.skills-column:first-child .skills-content .progress:nth-child(6) .bar span,.skills-column:first-child .skills-content .progress:nth-child(7) .bar span{width:80%}.skills-column:first-child .skills-content .progress:nth-child(8) .bar span{width:65%}.skills-column:nth-child(2) .skills-content .progress:first-child .bar span{width:90%}.skills-column:nth-child(2) .skills-content .progress:nth-child(2) .bar span{width:85%}.skills-column:nth-child(2) .skills-content .progress:nth-child(3) .bar span,.skills-column:nth-child(2) .skills-content .progress:nth-child(4) .bar span{width:80%}.skills-column:nth-child(2) .skills-content .progress:nth-child(5) .bar span{width:75%}.skills-column:nth-child(2) .skills-content .progress:nth-child(6) .bar span{width:70%}.skills-column:nth-child(2) .skills-content .progress:nth-child(7) .bar span{width:60%}.skills-column:nth-child(2) .skills-content .progress:nth-child(8) .bar span{width:20%}.portfolio{text-align:center;background:var(--second-bg-color);justify-content:center;align-items:center;padding-bottom:7rem;transition:all .5s cubic-bezier(.215,.61,.355,1)}.portfolio h2{margin-bottom:4rem}.portfolio-container{grid-template-columns:repeat(3,1fr);align-items:center;gap:4rem;display:grid}.portfolio-container .portfolio-box{border:.2rem solid var(--main-color);box-shadow:0 0 1rem var(--second-main-color);border-radius:1.5rem;transition:all .5s cubic-bezier(.215,.61,.355,1);display:flex;position:relative;overflow:hidden}.portfolio-box img{width:100%;transition:all .5s}.portfolio-box:hover img{transform:scale(1.1)}.portfolio-box .portfolio-layer{background:linear-gradient(var(--portfolio-color-1),var(--portfolio-color-2));text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;transition:all .5s cubic-bezier(.215,.61,.355,1);display:flex;position:absolute;bottom:0;left:0;transform:translateY(100%)}.portfolio-box:hover .portfolio-layer{transform:translateY(0)}.portfolio-layer h4{margin-top:3rem;font-size:3rem}.portfolio-layer p{color:var(--text-color);margin:.3rem 0 1rem;font-size:4rem;transition:all .5s cubic-bezier(.215,.61,.355,1)}.portfolio-layer a{border:.2rem solid var(--main-color);width:4rem;height:4rem;color:var(--main-color);box-shadow:0 0 1rem var(--second-main-color);background:0 0;border-radius:50%;justify-content:center;align-items:center;font-size:2rem;transition:all .5s cubic-bezier(.215,.61,.355,1);display:inline-flex}.portfolio-layer a i{font-size:2rem}.portfolio-layer a:hover{border:.2rem solid var(--second-main-color);color:var(--second-main-color);box-shadow:0 0 1rem var(--main-color);transition:all .5s cubic-bezier(.215,.61,.355,1);scale:1.1}.btn-box{justify-content:center;width:auto;height:5rem;margin-top:1rem;display:flex;position:relative}.btn-box .btn{background:var(--main-color);border:.2rem solid var(--main-color);letter-spacing:.1rem;width:15rem;height:100%;color:var(--bg-color);z-index:1;cursor:pointer;border-radius:1rem;justify-content:center;align-items:center;font-size:1.8rem;font-weight:600;transition:all .5s cubic-bezier(.215,.61,.355,1);display:inline-flex;position:relative;overflow:hidden}.btn:hover{color:var(--main-color);box-shadow:0 0 1rem var(--second-main-color)}.btn-box .btn:before{content:"";background:var(--bg-color);z-index:-1;width:0;height:100%;transition:all .5s cubic-bezier(.215,.61,.355,1);position:absolute;top:0;left:0}.btn-box .btn:hover:before{width:100%}.contact{min-height:90vh}.contact h2{margin-bottom:3rem}.contact form{text-align:center;max-width:70rem;margin:1rem auto 3rem}.contact form .input-box{flex-wrap:wrap;justify-content:space-between;display:flex;position:relative}.contact form .input-box .input-field{width:49%;margin:1rem 0;position:relative}.contact form .input-box .input-field input,.contact form .textarea-field textarea{width:100%;height:100%;color:var(--text-color);border:.2rem solid var(--second-main-color);box-shadow:0 0 1rem var(--main-color);background:0 0;border-radius:1rem;padding:1.5rem;font-size:1.5rem;transition:all .5s cubic-bezier(.215,.61,.355,1)}.contact form .input-box .input-field input::placeholder,.contact form .textarea-field textarea::placeholder{color:var(--text-color);transition:all .5s cubic-bezier(.215,.61,.355,1)}.contact form .focus{background:var(--second-bg-color);z-index:-1;border-radius:1rem;width:0;height:100%;transition:all .5s cubic-bezier(.215,.61,.355,1);position:absolute;top:0;left:0}.contact form .input-box .input-field input:focus~.focus,.contact form .input-box .input-field input:valid~.focus,.contact form .textarea-field textarea:focus~.focus,.contact form .textarea-field textarea:valid~.focus{width:100%}.contact form .textarea-field{margin:.8rem 0 2.7rem;display:flex;position:relative}.contact form .textarea-field textarea{resize:none}.footer{text-align:left;background:var(--second-bg-color);flex-wrap:wrap;justify-content:space-between;align-items:center;padding:2rem 9%;transition:all .5s cubic-bezier(.215,.61,.355,1);display:flex}.footer-text p{font-size:1.5rem}.footer-icon a{border:.2rem solid var(--main-color);width:4rem;height:4rem;color:var(--main-color);box-shadow:0 0 1rem var(--second-main-color);background:0 0;border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;transition:all .5s cubic-bezier(.215,.61,.355,1);display:inline-flex}.footer a:hover{background:var(--main-color);color:var(--second-bg-color);box-shadow:0 0 1rem var(--main-color);transition:all .5s cubic-bezier(.215,.61,.355,1)}.toggle{text-align:center;justify-content:center;align-items:center;margin-left:3rem;display:inline-block;position:relative}.fas{color:var(--key-color)}.fa-moon{color:#eadf4f;font-size:1.5rem}.fa-sun{color:#ff8810;font-size:1.5rem}.label{background-color:var(--text-color);cursor:pointer;border-radius:50px;justify-content:space-between;align-items:center;width:50px;height:26px;margin-left:4rem;padding:.5vh;transition:transform .2s linear .1s;display:flex;transform:scale(1)}.label:hover,.label:focus{transform:scale(1.1)}.checkbox{opacity:0;position:absolute}.checkbox:checked+.label .ball{transform:translate(-24px)}.ball{background-color:var(--bg-color);width:22px;height:22px;box-shadow:var(--shadow-color);border-radius:50%;transition:transform .2s linear;position:absolute;top:2px;right:2px}@media (max-width:1700px){html{font-size:55%}.portfolio-container{grid-template-columns:repeat(2,1fr)}}@media (max-width:1114px){#menu-icon{display:block}.navbar{background:var(--bg-color);border-top:.1rem solid var(--second-main-color);width:100%;box-shadow:0 .5rem 1rem var(--main-color);opacity:0;visibility:hidden;pointer-events:none;max-height:0;padding:1rem 3%;transition:opacity .4s cubic-bezier(.4,0,.2,1),max-height .6s cubic-bezier(.4,0,.2,1),visibility 0s linear .6s;position:absolute;top:100%;right:0;overflow:hidden}.navbar.active{opacity:1;visibility:visible;pointer-events:auto;max-height:100vh;transition:opacity .5s cubic-bezier(.4,0,.2,1),max-height .6s cubic-bezier(.4,0,.2,1),visibility}.navbar a{margin:2rem 0;font-size:2rem;display:block}.label{margin-left:0}.header{padding:2rem 3%}section{padding:10rem 3% 2rem}.footer{padding:2rem 3%}.portfolio{padding-bottom:7rem}.portfolio-container{grid-template-columns:repeat(1,1fr)}.contact{min-height:auto}}@media (max-width:768px){.navbar{display:block}.home-content{margin-right:0}.home{flex-direction:column}.home-content h3{font-size:2rem}.home-content h1{font-size:5rem}.home-img img{width:70vw;margin-top:4rem}.portfolio h2{margin-bottom:3rem}}@media (max-width:450px){html{font-size:50%}}@keyframes aboutSpinner{to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes floatImage{0%{transform:translateY(0)}50%{transform:translateY(-2.5rem)}}.custom-shape-divider-top-1743774280{width:100%;line-height:0;position:absolute;top:0;left:0;overflow:hidden}.custom-shape-divider-top-1743774280 svg{width:calc(100% + 1.3px);height:59px;display:block;position:relative;transform:rotateY(180deg)}.custom-shape-divider-top-1743774280 .shape-fill{fill:var(--bg-color)}@media (min-width:768px) and (max-width:1023px){.custom-shape-divider-top-1743774280 svg{width:calc(109% + 1.3px);height:86px}}.custom-shape-divider-top-1743774970{width:100%;line-height:0;position:absolute;top:0;left:0;overflow:hidden;transform:rotate(180deg)}.custom-shape-divider-top-1743774970 svg{width:calc(100% + 1.3px);height:135px;display:block;position:relative}.custom-shape-divider-top-1743774970 .shape-fill{fill:var(--second-bg-color)}@media (min-width:768px) and (max-width:1023px){.custom-shape-divider-top-1743774970 svg{width:calc(109% + 1.3px);height:86px}}@media (max-width:767px){.custom-shape-divider-top-1743774970 svg{width:calc(100% + 1.3px);height:79px}}.custom-shape-divider-top-1743775153{width:100%;line-height:0;position:absolute;top:0;left:0;overflow:hidden;transform:rotate(180deg)}.custom-shape-divider-top-1743775153 svg{width:calc(100% + 1.3px);height:135px;display:block;position:relative;transform:rotateY(180deg)}.custom-shape-divider-top-1743775153 .shape-fill{fill:var(--bg-color)}@media (min-width:768px) and (max-width:1023px){.custom-shape-divider-top-1743775153 svg{width:calc(109% + 1.3px);height:86px}}@media (max-width:767px){.custom-shape-divider-top-1743775153 svg{width:calc(100% + 1.3px);height:79px}}.custom-shape-divider-top-1743775260{width:100%;line-height:0;position:absolute;top:0;left:0;overflow:hidden}.custom-shape-divider-top-1743775260 svg{width:calc(100% + 1.3px);height:135px;display:block;position:relative}.custom-shape-divider-top-1743775260 .shape-fill{fill:var(--second-bg-color)}@media (min-width:768px) and (max-width:1023px){.custom-shape-divider-top-1743775260 svg{width:calc(109% + 1.3px);height:86px}}@media (max-width:767px){.custom-shape-divider-top-1743775260 svg{width:calc(100% + 1.3px);height:41px}}
/*# sourceMappingURL=portfolio.b29ae697.css.map */