@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:#1f242d;--second-bg-color:#323946;--text-color:#fff;--main-color:#0ef}input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}html{font-size:62.5%;overflow-x:hidden}body{background:var(--bg-color);color:var(--text-color)}section{min-height:100vh;padding:10rem 9% 2rem}.header{background:var(--bg-color);z-index:100;justify-content:space-between;align-items:center;width:100%;padding:2rem 9%;display:flex;position:fixed;top:0;left:0}.header.sticky{border-bottom:.1rem solid #0003}.tab-bar{justify-content:center;margin-bottom:20px;display:flex}.tab-button{cursor:pointer;color:var(--text-color);background-color:#0000;margin:0 10px;padding:14px 28px;font-size:2rem;font-weight:600;transition:color .3s ease-in-out;display:inline-block;position:relative;overflow:hidden}.tab-button:after{content:"";background-color:var(--main-color);transform-origin:50%;width:100%;height:2px;transition:transform .3s ease-in-out;position:absolute;bottom:6px;left:0;transform:scaleX(0)}.tab-button:hover:after,.tab-button.active:after{transform:scaleX(1)}.logo{color:var(--text-color);cursor:pointer;font-size:2.5rem;font-weight:600}.navbar a{color:var(--text-color);cursor:pointer;transform:.3s;margin-left:4rem;font-size:1.7rem;font-weight:600}.navbar a:hover,.navbar a.active{color:var(--main-color)}#menu-icon{color:var(--text-color);display:none;font-size:4.6rem!important}.icon-menu{color:var(--text-color);cursor:pointer;background:0 0;font-size:4rem}.home{justify-content:center;align-items:center;display:flex}.home-img img{width:35vw;animation:4s ease-in-out infinite floatImage}@keyframes floatImage{0%{transform:translateY(0)}50%{transform:translateY(-2.4rem)}to{transform:translateY(0)}}.home-content h3{font-size:3.2rem;font-weight:700}.home-content h3:nth-of-type(2){margin-bottom:2rem}span{color:var(--main-color)}.home-content h1{font-size:5.6rem;font-weight:700;line-height:1.3}.home-content p{font-size:1.6rem}.cursor{color:var(--main-color);margin-left:2px;animation:1s infinite blink}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.social-media a{border:.2rem solid var(--main-color);width:4rem;height:4rem;color:var(--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;display:inline-flex}.social-media a:hover{background:var(--main-color);color:var(--second-bg-color);box-shadow:0 0 1rem var(--main-color)}.btn{background:var(--main-color);box-shadow:none;color:var(--second-bg-color);letter-spacing:.1rem;border-radius:4rem;padding:1rem 2.8rem;font-size:1.6rem;font-weight:600;transition:all .5s;display:inline-block}.btn:hover{box-shadow:0 0 1rem var(--main-color)}.about{background:var(--second-bg-color);justify-content:center;align-items:center;gap:2rem;display:flex}.about-img img{width:35vw}.heading{text-align:center;font-size:4.5rem}.about-content h2{text-align:left;line-height:1.2}.about-content h3{font-size:2.6rem}.about-content p{margin:2rem 0 3rem;font-size:1.6rem}.services h2{margin-bottom:5rem}.services-container{flex-wrap:wrap;justify-content:center;align-items:center;gap:2rem;display:flex}.services-container .services-box{background:var(--second-bg-color);text-align:center;border:.2rem solid var(--bg-color);border-radius:2rem;flex:30rem;padding:3rem 2rem 4rem;transition:all .5s}.services-container .services-box:hover{border-color:var(--main-color);transform:scale(1.02)}.services-box i{color:var(--main-color);font-size:7rem;font-style:normal}.services-box h3{font-size:2.6rem}.services-box p{margin:1rem 0 3rem;font-size:1.6rem}.portfolio{background:var(--second-bg-color)}.portfolio h2{justify-content:center;margin-bottom:2rem}.portfolio-text{justify-content:center;align-items:center;margin-bottom:2rem;display:flex}.portfolio-container{grid-template-columns:repeat(3,1fr);align-items:center;gap:2.5rem;padding-bottom:12rem;display:grid}.portfolio-container .portfolio-box{box-shadow:0 0 1rem var(--bg-color);border-radius:2rem;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(#0000001a,var(--main-color));text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:0 4rem;transition:all .5s;display:flex;position:absolute;bottom:0;left:0;transform:translateY(100%)}.portfolio-box:hover .portfolio-layer{opacity:1;transform:translateY(0)}.portfolio-layer h4{font-size:3rem}.portfolio-layer p{margin:.3rem 0 1rem;font-size:1.6rem}.portfolio-layer a{background:var(--text-color);width:5rem;height:5rem;color:var(--second-bg-color);border-radius:50%;justify-content:center;align-items:center;font-size:2rem;display:inline-flex}.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}.contact form .input-box input,.contact form textarea{width:100%;color:var(--text-color);background:var(--second-bg-color);border-radius:.8rem;margin:.7rem 0;padding:1.5rem;font-size:1.6rem}.contact form .input-box input{width:49%}.contact form textarea{resize:none}.contact form .btn{cursor:pointer;margin-top:2rem}.footer{background:var(--second-bg-color);flex-wrap:wrap;justify-content:space-between;align-items:center;padding:2rem 9%;display:flex}.footer-text p{font-size:1.6rem}.footer-iconTop a{background:var(--main-color);color:var(--second-bg-color);border-radius:.8rem;justify-content:center;align-items:center;padding:.8rem;transition:all .5s;display:inline-flex}.footer-iconTop a:hover{box-shadow:0 0 1rem var(--main-color)}.reveal-init{opacity:0;transition:all .9s;transform:translateY(24px)}.reveal-in{opacity:1;transform:translateY(0)}@media (max-width:1254px){.services-box{height:46rem}}@media (max-width:1200px){html{font-size:55%}.services-box{height:44rem}}@media (max-width:991px){.header{padding:2rem 3%}section{padding:10rem 3% 2rem}.services,.portfolio{padding-bottom:7rem}.contact{min-height:auto}.footer{padding:2rem 3%}}@media (max-width:768px){#menu-icon{display:block}.navbar{background:var(--bg-color);border-top:.1rem #0003;width:100%;padding:1rem 3%;display:none;position:absolute;top:100%;left:0;box-shadow:0 .5rem 1rem #0003}.navbar.active{display:block}.navbar a{margin:3rem 0;font-size:2rem;display:block}.home{flex-direction:column}.home-content h3{font-size:2.6rem}.home-content h1{font-size:5rem}.home-img img{width:70vw;margin-top:4rem}.about{flex-direction:column-reverse}.about img{width:70vw;margin-top:4rem}.services h2,.portfolio h2{margin-bottom:3rem}.portfolio-container{grid-template-columns:repeat(2,1fr)}}@media (max-width:617px){.portfolio-container{grid-template-columns:1fr}}@media (max-width:450px){html{font-size:50%}.contact form .input-box input{width:100%}}@media (max-width:365px){.home-img img,.about-img img{width:90vw}.footer{flex-direction:column-reverse}.footer p{text-align:center;margin-top:2rem}}.experience{background:var(--bg-color)}.experience-container{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem;margin-top:4rem;display:grid}.exp-card{background:var(--second-bg-color);border:.2rem solid var(--bg-color);border-radius:2rem;padding:2.6rem 2.2rem;transition:all .4s}.exp-card:hover{border-color:var(--main-color);transform:translateY(-4px)}.exp-top h3{font-size:2.2rem}.exp-meta{color:#ffffffc7;margin-top:.6rem;font-size:1.5rem}.exp-list{gap:.8rem;margin-top:1.6rem;padding-left:1.2rem;display:grid}.exp-list li{color:#ffffffe0;font-size:1.6rem}.portfolio-box{cursor:pointer;text-align:left;background:0 0;border:none;padding:0}.portfolio-box:focus-visible,.tab-button:focus-visible,.icon-menu:focus-visible,.btn:focus-visible,.navbar a:focus-visible,.modal-close:focus-visible{outline:2px solid var(--main-color);outline-offset:4px}.project-open{background:var(--text-color);width:5rem;height:5rem;color:var(--second-bg-color);border-radius:50%;justify-content:center;align-items:center;font-size:2rem;display:inline-flex}.modal-backdrop{z-index:9999;place-items:center;padding:2rem;display:grid;position:fixed;inset:0}.modal-overlay-close{background:#0000008c;border:none;position:fixed;inset:0}.modal{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1;background:#1f242df5;border:1px solid #ffffff24;border-radius:2rem;width:min(920px,100%);padding:2.2rem 2.2rem 2rem;position:relative;box-shadow:0 0 2.4rem #00000073}.modal-close{width:4.2rem;height:4.2rem;color:var(--text-color);cursor:pointer;background:#ffffff14;border-radius:50%;font-size:2.4rem;position:absolute;top:1.1rem;right:1.4rem}.modal-close:hover{background:#ffffff1f}.modal-head{justify-content:space-between;align-items:flex-start;gap:1.6rem;display:flex}.modal-k{color:#ffffffb3;letter-spacing:.12rem;font-size:1.2rem}.modal-title{margin-top:.3rem;font-size:2.6rem}.modal-sub{color:#ffffffd1;max-width:65ch;margin-top:.6rem;font-size:1.6rem}.modal-links{flex-wrap:wrap;justify-content:flex-end;gap:1rem;display:flex}.btn-sm{padding:.8rem 1.6rem;font-size:1.4rem}.btn-outline{color:var(--text-color);border:.2rem solid var(--main-color);box-shadow:none;background:0 0}.btn-outline:hover{background:var(--main-color);color:var(--second-bg-color)}.modal-body{margin-top:1.8rem}.modal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.4rem;display:grid}.modal-card{background:var(--second-bg-color);border:1px solid #ffffff1a;border-radius:1.6rem;padding:1.6rem 1.4rem}.modal-card h4{margin-bottom:.8rem;font-size:1.7rem}.modal-card p,.modal-card li{color:#ffffffdb;font-size:1.5rem;line-height:1.6}.modal-card ul{gap:.6rem;list-style:none;display:grid}.chips{flex-wrap:wrap;gap:.8rem;display:flex}.chip{color:#ffffffdb;background:#ffffff0f;border:1px solid #ffffff29;border-radius:999px;padding:.6rem 1rem;font-size:1.3rem;display:inline-flex}.modal-foot{justify-content:flex-end;margin-top:1.4rem;display:flex}.contact-quick{flex-wrap:wrap;justify-content:center;gap:2rem;margin-top:2rem;font-size:1.6rem;display:flex}.contact-quick a{color:var(--main-color)}@media (max-width:900px){.experience-container,.modal-grid{grid-template-columns:1fr}}.btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.modal-overlay-close{z-index:0}.modal{z-index:1}