@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";*{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;text-decoration:none;list-style:none;border:none;outline:none;font-family:"Poppins",sans-serif}:root{--nav-bg-color: rgba(255, 255, 255, 0.1);--bg-color: #171f2b;--second-bg-color: #1f2733;--third-bg-color: #2d3542;--main-color: #0ef;--white-color: #fff;--tab-list-color: #7c8594}::-moz-selection{background:var(--main-color);color:var(--bg-color)}::selection{background:var(--main-color);color:var(--bg-color)}::-webkit-scrollbar{width:.8rem}::-webkit-scrollbar-thumb{background:-webkit-gradient(linear, left top, left bottom, from(var(--main-color)), color-stop(transparent), to(transparent));background:-webkit-linear-gradient(var(--main-color), transparent, transparent);background:linear-gradient(var(--main-color), transparent, transparent);-webkit-border-radius:.3rem;border-radius:.3rem}::-webkit-input-placeholder{color:var(--white-color)}:-moz-placeholder{color:var(--white-color)}::-moz-placeholder{color:var(--white-color)}:-ms-input-placeholder{color:var(--white-color)}::-ms-input-placeholder{color:var(--white-color)}::placeholder{color:var(--white-color)}html{font-size:62.5%}body{color:var(--white-color);overflow:hidden}p{font-size:1.6rem}.nav{position:fixed;bottom:2rem;-webkit-border-radius:5rem;-moz-border-radius:5rem;border-radius:5rem;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);width:40rem;padding:2rem 0;left:50%;background:var(--nav-bg-color);z-index:100;-webkit-animation:nav-animation 1s ease-in-out backwards;-moz-animation:nav-animation 1s ease-in-out backwards;-o-animation:nav-animation 1s ease-in-out backwards;animation:nav-animation 1s ease-in-out backwards;-webkit-animation-delay:4s;-moz-animation-delay:4s;-o-animation-delay:4s;animation-delay:4s}@-webkit-keyframes nav-animation{0%{visibility:hidden;opacity:0}100%{visibility:visible;opacity:1}}@-moz-keyframes nav-animation{0%{visibility:hidden;opacity:0}100%{visibility:visible;opacity:1}}@-o-keyframes nav-animation{0%{visibility:hidden;opacity:0}100%{visibility:visible;opacity:1}}@keyframes nav-animation{0%{visibility:hidden;opacity:0}100%{visibility:visible;opacity:1}}.nav .nav-list{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:space-evenly;-webkit-justify-content:space-evenly;-moz-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}.nav .nav-list li{position:relative;font-size:3rem;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;cursor:pointer;-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s}.nav-list li:hover{color:var(--main-color)}.nav-list .active{color:var(--main-color)}.tooltip{position:absolute;left:50%;top:-4rem;font-size:1.6rem;background:var(--main-color);color:var(--bg-color);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);padding:.3rem 1rem;-webkit-border-radius:.4rem;-moz-border-radius:.4rem;border-radius:.4rem;font-weight:500;white-space:nowrap;visibility:hidden;opacity:0;-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s}.nav-list li:hover .tooltip,a:hover .tooltip,.portfolio-item:hover .work-info{visibility:visible;opacity:1}.container{width:100vw;height:100vh;-webkit-perspective:1500px;-moz-perspective:1500px;perspective:1500px;-webkit-perspective-origin:50%;-moz-perspective-origin:50%;perspective-origin:50%}.box{position:relative;width:100%;height:100%;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform-origin:50% 50% -50vw;-moz-transform-origin:50% 50% -50vw;-ms-transform-origin:50% 50% -50vw;-o-transform-origin:50% 50% -50vw;transform-origin:50% 50% -50vw;-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg);transform:rotateY(0deg);-webkit-transition:2s;-o-transition:2s;-moz-transition:2s;transition:2s;-webkit-animation:animate-cubr 4s ease-in-out backwards;-moz-animation:animate-cubr 4s ease-in-out backwards;-o-animation:animate-cubr 4s ease-in-out backwards;animation:animate-cubr 4s ease-in-out backwards}@-webkit-keyframes animate-cubr{0%{-webkit-transform:scale(0) rotateY(-360deg);transform:scale(0) rotateY(-360deg)}100%{-webkit-transform:scale(1) rotateY(0deg);transform:scale(1) rotateY(0deg)}}@-moz-keyframes animate-cubr{0%{-moz-transform:scale(0) rotateY(-360deg);transform:scale(0) rotateY(-360deg)}100%{-moz-transform:scale(1) rotateY(0deg);transform:scale(1) rotateY(0deg)}}@-o-keyframes animate-cubr{0%{transform:scale(0) rotateY(-360deg)}100%{transform:scale(1) rotateY(0deg)}}@keyframes animate-cubr{0%{-webkit-transform:scale(0) rotateY(-360deg);-moz-transform:scale(0) rotateY(-360deg);transform:scale(0) rotateY(-360deg)}100%{-webkit-transform:scale(1) rotateY(0deg);-moz-transform:scale(1) rotateY(0deg);transform:scale(1) rotateY(0deg)}}.section{position:absolute;width:100%;height:100%;background:var(--bg-color);padding:0 10%;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}.section:nth-child(even){background:var(--second-bg-color)}.section.about{-webkit-transform:translateX(50vw) translateZ(-50vw) rotateY(90deg);-moz-transform:translateX(50vw) translateZ(-50vw) rotateY(90deg);transform:translateX(50vw) translateZ(-50vw) rotateY(90deg)}.section.resume{-webkit-transform:translateZ(-100vw) rotateY(-180deg);-moz-transform:translateZ(-100vw) rotateY(-180deg);transform:translateZ(-100vw) rotateY(-180deg);-webkit-transform:origin 50%;-moz-transform:origin 50%;-ms-transform:origin 50%;-o-transform:origin 50%;transform:origin 50%}.section.portfolio{-webkit-transform:translateX(-50vw) translateZ(-50vw) rotateY(-90deg);-moz-transform:translateX(-50vw) translateZ(-50vw) rotateY(-90deg);transform:translateX(-50vw) translateZ(-50vw) rotateY(-90deg)}.section.contact{visibility:hidden;-webkit-transition-delay:.5s;-moz-transition-delay:.5s;-o-transition-delay:.5s;transition-delay:.5s}.section.contact.active{visibility:visible}.section.contact.action-contact{-webkit-transition-delay:1.5s;-moz-transition-delay:1.5s;-o-transition-delay:1.5s;transition-delay:1.5s}.section.contact.action-contact.active{-webkit-transition-delay:0s;-moz-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s}.home,.about{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;gap:5rem}.home-info h1{font-size:5.5rem;color:var(--main-color);line-height:1}.home-info h3{font-size:3rem}.desc{margin:1rem 0 2rem}.home-info .btn-sci{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}.btn{display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-box;display:-ms-inline-flexbox;display:inline-flex;padding:1.2rem 3rem;background:var(--main-color);-webkit-border-radius:5rem;-moz-border-radius:5rem;border-radius:5rem;-webkit-box-shadow:0 0 1rem var(--main-color);-moz-box-shadow:0 0 1rem var(--main-color);box-shadow:0 0 1rem var(--main-color);font-size:1.6rem;color:var(--bg-color);font-weight:600;white-space:nowrap;-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s}.btn:hover{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.home-info .btn-sci .sci{margin-left:2rem}.home-info .btn-sci .sci a{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-box;display:-ms-inline-flexbox;display:inline-flex;padding:.8rem;border:2px solid var(--main-color);-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;font-size:2rem;color:var(--main-color);margin:0 .8rem;-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s}.home-info .btn-sci .sci a:hover{background:var(--main-color);color:var(--bg-color)}.img-box{position:relative;width:32vw;height:32vw;background:-webkit-gradient(linear, left top, left bottom, from(var(--bg-color)), to(var(--main-color)));background:-webkit-linear-gradient(var(--bg-color), var(--main-color));background:-moz-linear-gradient(var(--bg-color), var(--main-color));background:-o-linear-gradient(var(--bg-color), var(--main-color));background:linear-gradient(var(--bg-color), var(--main-color));-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;border:.5rem solid var(--main-color);-webkit-box-shadow:0 0 2rem var(--main-color);-moz-box-shadow:0 0 2rem var(--main-color);box-shadow:0 0 2rem var(--main-color);display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow:hidden;-webkit-transition:1s;-o-transition:1s;-moz-transition:1s;transition:1s}.img-box.home-img:hover{-webkit-box-shadow:0 0 8rem var(--main-color);-moz-box-shadow:0 0 8rem var(--main-color);box-shadow:0 0 8rem var(--main-color)}.img-box img{position:absolute;top:0;left:0;display:block;-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.img-box.about-img{background:rgba(0,0,0,0);-webkit-box-shadow:0 0 2rem var(--main-color),inset 0 0 1rem var(--main-color);-moz-box-shadow:0 0 2rem var(--main-color),inset 0 0 1rem var(--main-color);box-shadow:0 0 2rem var(--main-color),inset 0 0 1rem var(--main-color)}.img-box.about-img img{z-index:-1}.title{font-size:4rem;text-align:center}.about-info .title{text-align:left}.about-info h3{font-size:2.5rem;color:var(--main-color);margin-top:-1rem}.about-info .btn{padding:1.2rem 4rem}.resume,.portfolio{padding-top:2rem;padding-bottom:28rem}.tab-box{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;width:100%;height:5rem;margin-top:1rem;margin-bottom:2rem}.tab-list{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;width:100%;cursor:pointer;border-bottom:.3rem solid var(--tab-list-color);color:var(--tab-list-color)}.tab-list.resume-list.active,.tab-list.portfolio-list.active{border-color:var(--main-color);color:var(--main-color)}.resume-list:nth-child(2){-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center}.resume-list:nth-child(3){-webkit-box-pack:end;-webkit-justify-content:flex-end;-moz-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.tab-list h3{font-size:2.5rem}.tab-wrapper{position:relative;width:100%;height:100%}.tab-grid{position:absolute;width:100%;height:100%;display:grid;grid-template-columns:repeat(auto-fit, minmax(30rem, 1fr));gap:2rem;overflow-y:auto;overflow-x:hidden;visibility:hidden;opacity:0;-webkit-transform:scale(0.8);-moz-transform:scale(0.8);-ms-transform:scale(0.8);-o-transform:scale(0.8);transform:scale(0.8)}.tab-grid.resume-box.active,.tab-grid.portfolio-box.active{visibility:visible;opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:.5s;-o-transition:.5s;-moz-transition:.5s;transition:.5s}.tab-item{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background:var(--third-bg-color);-webkit-border-radius:.8rem;-moz-border-radius:.8rem;border-radius:.8rem;padding:2rem}.tab-item h4{font-size:2.3rem}.resume-item h4:nth-child(1),.resume-item h4:nth-child(3){font-size:1.7rem;color:var(--main-color);font-weight:400}.resume-item h4:nth-child(3){position:relative;color:var(--white-color);margin-left:2rem}.resume-item h4:nth-child(3)::before{content:"";position:absolute;margin-left:-2rem;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);width:1rem;height:1rem;background:var(--main-color);-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}.tab-item p{margin-top:1rem}.resume-box.skills{grid-template-columns:repeat(auto-fit, minmax(16rem, 1fr))}.resume-box.skills .resume-item{-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;text-align:center}.resume-box.skills .resume-item i{font-size:8rem;color:var(--tab-list-color);-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s}.resume-box.skills .resume-item i:hover{color:var(--main-color)}.resume-box.skills .resume-item p{margin-top:0}.portfolio-list:nth-child(2){-webkit-box-pack:end;-webkit-justify-content:flex-end;-moz-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.portfolio-box.work .portfolio-item{position:relative}.portfolio-box.work .portfolio-item::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--third-bg-color);-webkit-border-radius:.8rem;-moz-border-radius:.8rem;border-radius:.8rem;z-index:1;opacity:0;-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s}.portfolio-box.work .portfolio-item:hover:before{opacity:.9}.portfolio-item .work-img{position:absolute;left:0;top:0;width:100%;height:100%;-webkit-border-radius:.8rem;-moz-border-radius:.8rem;border-radius:.8rem;overflow:hidden}.portfolio-item .work-img img{display:block;width:100%;width:100%;-o-object-fit:cover;object-fit:cover;-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s}.portfolio-item:hover .work-img img{-webkit-transform:scale(1.3);-moz-transform:scale(1.3);-ms-transform:scale(1.3);-o-transform:scale(1.3);transform:scale(1.3)}.portfolio-item .work-info{z-index:1;visibility:hidden;opacity:0;-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s}.portfolio-item .work-info h4{line-height:1}.portfolio-item .work-info .tech-used{color:var(--main-color);border-bottom:.1rem solid var(--white-color);padding-bottom:1rem;margin-bottom:1rem}.portfolio-item .portfolio-icon a{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-box;display:-ms-inline-flexbox;display:inline-flex;padding:1rem;background:var(--white-color);-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;font-size:2.5rem;color:var(--bg-color);-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s}.portfolio-item .portfolio-icon a:hover{background:var(--main-color)}.portfolio-item .work-icon a:nth-child(1){margin-right:1rem}.portfolio-item .work-icon a:nth-child(1) i{-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-ms-transform:rotate(135deg);-o-transform:rotate(135deg);transform:rotate(135deg)}.portfolio-item .service-icon{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:.5rem}.portfolio-item .service-icon .icon{font-size:5rem;margin-left:-0.3rem;-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s}.portfolio-item:hover .service-icon .icon{color:var(--main-color)}.portfolio-item:hover .service-icon a{background:var(--main-color)}.portfolio-item .service-icon a i{-webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg);-ms-transform:rotate(-135deg);-o-transform:rotate(-135deg);transform:rotate(-135deg);-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s}.portfolio-item .service-icon a:hover i{-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-ms-transform:rotate(-180deg);-o-transform:rotate(-180deg);transform:rotate(-180deg)}.portfolio-box.service .portfolio-item h4{-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s}.portfolio-box.service .portfolio-item:hover h4{color:var(--main-color)}.contact{padding-top:2rem;padding-bottom:28rem}.contact-wrapper{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center}.contact-form{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:70rem}.contact-form h3{font-size:3rem;color:var(--main-color);margin-bottom:1rem}.contact-form .field-box{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:2rem}.contact-form .field-box input,.contact-form .field-box textarea{-webkit-box-flex:1;-webkit-flex:1 1 30rem;-moz-box-flex:1;-ms-flex:1 1 30rem;flex:1 1 30rem;padding:2rem;background:var(--third-bg-color);-webkit-border-radius:.6rem;-moz-border-radius:.6rem;border-radius:.6rem;font-size:1.6rem;color:var(--white-color)}.contact-form .field-box textarea{height:15rem;resize:none;margin-bottom:2rem}.contact .contact-btn .btn{cursor:pointer}@media screen and (max-width: 1200px){html{font-size:55%}}@media screen and (max-width: 992px){.section{padding:0 4%}.resume,.portfolio{padding-top:1.5rem;padding-bottom:27rem}.contact{padding-top:1.5rem;padding-bottom:18rem}}@media screen and (max-width: 768px){html{font-size:50%}.nav{bottom:0}.home,.about{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-webkit-flex-direction:column-reverse;-moz-box-orient:vertical;-moz-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:2rem;padding-bottom:6rem}.about{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.img-box{width:35rem;height:35rem}.resume,.portfolio{padding-bottom:25rem}.contact{padding-bottom:16rem}}@media screen and (max-width: 600px){.resume,.portfolio{padding-top:1rem;padding-bottom:22rem}.tab-box{margin-top:0}.contact{padding-top:1rem}}@media screen and (max-width: 400px){.nav{width:100%;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.home-info,.about-info{text-align:center}.home-info h1{font-size:5rem}.home-info .btn-sci{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-webkit-flex-direction:column-reverse;-moz-box-orient:vertical;-moz-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.home-info .btn-sci .sci{margin-left:0;margin-bottom:2rem}.img-box{width:30rem;height:30rem}.home-info .title{text-align:center}}@media screen and (max-width: 350px){.img-box{width:25rem;height:25rem}.tab-list h3{font-size:2.3rem}}/*# sourceMappingURL=index.min.css.map */