.type{display:inline-block;white-space:nowrap;overflow:hidden;width:0;animation:typing 1.2s steps(30) forwards;animation-delay:.5s;vertical-align:top}.bash-cursor{display:inline;font-weight:700;vertical-align:top;animation:blink 1s infinite}.top-part{display:flex;justify-content:center;white-space:nowrap}div p .username{color:#70ff00}.colon{font-weight:500}.bash-command{padding-right:0}p{font-family:var(--font-roboto);font-weight:200;font-stretch:wider;color:#fff}span{padding-right:1px}p span{font-style:italic}.header-data{font-family:var(font-base);display:flex;flex-direction:column;align-items:center;gap:4rem}.header-data h1{font-size:6rem;font-weight:900;text-transform:capitalize;line-height:130%}.header-block{flex-direction:column;gap:2rem}.header-block,.header-block p{display:flex;text-align:center}.hero-button{width:12.5rem;text-wrap:nowrap;padding:.9rem 1.1rem;border-radius:20px;font-size:1.15rem;font-weight:900;background-color:var(--color-btn-red);text-transform:capitalize;border:1px solid transparent;transition:.25s ease-in-out}.hero-button:hover{cursor:pointer;border:1px solid var(--color-btn-red);background-color:transparent;color:var(--color-btn-red)}footer{bottom:0;width:100%;z-index:3;background-color:hsla(0,0%,100%,.2);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);border-top:1px solid rgba(0,0,0,.1)}footer p{position:relative;text-align:center;margin:0;padding:1.5rem 2.5rem;font-size:.85rem;font-weight:300;color:#464646;z-index:3}footer img,footer svg{vertical-align:bottom}@media screen and (max-width:575px){footer p{padding:.75rem 1.5rem}}header{width:85%;height:100%;margin:auto;position:relative;z-index:10;display:flex;justify-content:space-between;align-items:center}.hero-shape{--s:10rem;--a:65deg;--r:22rem;width:50dvw;height:90dvh;position:absolute;background-color:#193242;z-index:0;border-top-right-radius:15rem;border-bottom-right-radius:15rem}.hero-shape,.inner-curve{--_m:/var(--r) calc(2 * var(--r)) no-repeat radial-gradient(100% 50% at left,#000 calc(100% - 1px),#0000);--_d:(var(--s) + var(--r)) * cos(var(--a));-webkit-mask:100% calc(50% + var(--_d)) var(--_m),100% calc(50% - var(--_d)) var(--_m),radial-gradient(var(--s) at calc(100% + sin(var(--a)) * var(--s)) 50%,#0000 100%,#000 calc(100% + 1px)) calc(var(--r) * (sin(var(--a)) - 1)) 0 no-repeat,linear-gradient(#000 calc(50% - var(--_d)),#0000 0 calc(50% + var(--_d)),#000 0);mask:100% calc(50% + var(--_d)) var(--_m),100% calc(50% - var(--_d)) var(--_m),radial-gradient(var(--s) at calc(100% + sin(var(--a)) * var(--s)) 50%,#0000 100%,#000 calc(100% + 1px)) calc(var(--r) * (sin(var(--a)) - 1)) 0 no-repeat,linear-gradient(#000 calc(50% - var(--_d)),#0000 0 calc(50% + var(--_d)),#000 0)}.inner-curve{width:250px;aspect-ratio:1;background:#ed303c;border-radius:var(--r)}.slide-right .header-data{animation:slide-right .5s cubic-bezier(.25,.46,.45,.94) both;animation-delay:2s}.slide-left .header-data{animation:slide-left .5s cubic-bezier(.25,.46,.45,.94) both;animation-delay:2s}@media screen and (max-width:1024px){header{width:90%;flex-direction:column;gap:1rem;justify-content:space-evenly}.header-data h1{font-size:2.5rem;font-weight:800;line-height:110%}.header-block{gap:1rem}.header-data{gap:2rem}.hero-button{width:10rem;padding:.5rem;font-size:1.1rem;font-weight:600}.top-part{font-size:.85rem}.slide-right .header-data{animation:slide-down .5s cubic-bezier(.25,.46,.45,.94) both;animation-delay:1.5s}.slide-left .header-data{animation:slide-up .5s cubic-bezier(.25,.46,.45,.94) both;animation-delay:1.5s}.hero-shape{--s:10rem;--a:65deg;--r:22rem;width:100dvw;height:55dvh;position:absolute;background-color:#193242;z-index:0;top:0;border-radius:0;border-bottom-left-radius:7.5rem;border-bottom-right-radius:7.5rem}.hero-shape,.inner-curve{--_m:calc(2 * var(--r)) /var(--r) no-repeat radial-gradient(50% 100% at top,#000 calc(100% - 1px),#0000);--_d:(var(--s) + var(--r)) * cos(var(--a));-webkit-mask:calc(50% + var(--_d)) 100% var(--_m),calc(50% - var(--_d)) 100% var(--_m),radial-gradient(var(--s) at 50% calc(100% + sin(var(--a)) * var(--s)),#0000 100%,#000 calc(100% + 1px)) 0 calc(var(--r) * (sin(var(--a)) - 1)) no-repeat,linear-gradient(#000 calc(50% - var(--_d)),#0000 0 calc(50% + var(--_d)),#000 0);mask:calc(50% + var(--_d)) 100% var(--_m),calc(50% - var(--_d)) 100% var(--_m),radial-gradient(var(--s) at 50% calc(100% + sin(var(--a)) * var(--s)),#0000 100%,#000 calc(100% + 1px)) 0 calc(var(--r) * (sin(var(--a)) - 1)) no-repeat,linear-gradient(#000 calc(50% - var(--_d)),#0000 0 calc(50% + var(--_d)),#000 0)}.inner-curve{width:250px;aspect-ratio:1;background:#ed303c;border-radius:var(--r)}}#Contact{position:relative;width:100dvw}.contact{height:100dvh;background-color:#193242}.contact-me{width:80%;margin:auto;display:flex;justify-content:center;align-items:center}.bottom-img,.top-img{position:absolute;z-index:0}.top-img{left:0;top:0}.bottom-img,.top-img{width:40dvw;height:65dvh}.bottom-img{right:0;bottom:-20dvh}.contact-box{margin-top:10%;border-radius:2em;background:linear-gradient(145deg,#12242f,#223a48);box-shadow:4px 4px 10px rgba(18,36,47,.1),-4px -4px 10px hsla(0,0%,100%,.1);width:70dvw;height:60dvh;z-index:1;justify-content:space-between}.contact-box,.image-side{position:relative;display:flex}.image-side{height:100%;aspect-ratio:10/9;justify-content:center;flex-shrink:0;overflow:hidden}.env{position:absolute;height:100%;width:100%;margin:auto;align-items:center;z-index:100}.env>lottie-player:first-child{width:100%!important;height:100%!important;padding:4rem}.contact-form{flex-grow:1;height:100%;border-radius:2rem;background-color:rgba(0,0,0,.2);z-index:2;flex-direction:column;justify-content:flex-start;align-items:flex-start}.heading{margin:1.5rem 2rem;color:#fff;flex-direction:column;width:100%}.heading h3{color:var(--color-btn-red);font-size:1.5rem;font-weight:500}.heading h1{font-size:2.5rem;font-weight:600;font-family:var(--font-base)}.input-grp{margin-bottom:3em;position:relative}.msg{margin-bottom:1.5em}form,form a{margin:2em;font-weight:200;font-size:.9rem;color:#9c9c9c}#email{width:120%}#name{width:80%}input,textarea{width:90%;padding:.5em .5em .2em;outline:0;border:0;color:#fff;background:transparent;font-weight:300;font-size:.9rem}input{border-bottom:1px solid grey;width:100%}textarea{border:1px solid grey;border-radius:.7em;font-size:.9rem}label{height:100%;position:absolute;left:0;top:0;cursor:text;padding:.5rem;transition:.2s}form a{margin:0}.submit-btn span{font-weight:500;color:#fff;margin-left:1.5em}.submit-btn button{text-transform:capitalize;border:0 solid;padding:.2em .8em;font-size:.9rem;text-align:center;color:#000;border-radius:10px;background-color:#ff4d4d;width:7em;margin:0 1.5em 0 .5em}.submit-btn a:hover{color:var(--color-hover-link-blue)}.submit-btn button:hover{background-color:transparent;cursor:pointer;outline:.1px solid #ff4d4d;color:#ff4d4d}input:focus~label,input:valid~label{padding-left:.3em;top:-1.6em}textarea:focus~label,textarea:valid~label{padding-left:.3em;top:-2.5em}.name-email{display:flex}@media screen and (max-width:1024px){form{text-align:center}label,text-area{padding-left:1.5rem}.contact{height:-moz-max-content;height:max-content}.contact-me{width:90%}.contact-box{margin-block:4rem 2rem;flex-direction:column;height:-moz-fit-content;height:fit-content;width:100%;box-shadow:4px 4px 10px rgba(18,36,47,.1),-4px -4px 10px hsla(0,0%,100%,.1)}.heading{width:unset}.heading h3{font-size:1.3rem}.heading h1{font-size:2rem}.image-side{aspect-ratio:4/3;height:auto}.env>lottie-player:first-child{padding:1rem}.bottom-img,.top-img{width:80dvw;height:50dvh}input:focus~label,input:valid~label{padding-left:1rem;top:-1.6em}textarea:focus~label,textarea:valid~label{padding-left:1rem;top:-2.5em}.name-email>div:nth-child(2)>label:nth-child(2){padding-left:0}div.input-grp:first-child>label:nth-child(2){padding-left:.8rem}#email{width:100%}.email-me,.email-me a{font-weight:500;line-height:2.5rem}}.cards-list{position:absolute;justify-items:center;align-items:center;height:100%}.cards,.cards-list{display:grid;width:100%}.cards{grid-template-columns:repeat(auto-fill,minmax(400px,1fr));justify-content:center;align-content:center;max-width:80dvw;height:auto;margin:auto;padding:2rem 0;gap:3rem}@media screen and (max-width:1024px){.cards-list{position:static;height:-moz-max-content;height:max-content}.cards{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));max-width:90dvw;padding-bottom:0}}@media screen and (min-width:1620px){.cards{grid-template-columns:repeat(auto-fill,minmax(700px,1fr))}}.card-container{position:relative;background:var(--color-card-bg-gray);border-radius:3rem;overflow:hidden;box-shadow:0 5px 10px rgba(0,0,0,.04);list-style:none;outline:2px solid transparent;transition:outline .5s ease;color:#000;aspect-ratio:1/1}.card-content{padding:1rem 3rem 3rem;text-decoration:none;width:100%;height:100%;overflow:hidden}.card-content,.title-part{position:relative;display:flex;align-items:center;flex-direction:column}.title-part{padding:1rem 3rem;text-align:center;z-index:10;justify-content:center}.title-img img{position:absolute;top:0;left:100%;transform:translateX(-100%);z-index:-10;max-width:100%;height:130%;scale:1}.card-content p{font-family:var(--font-base);font-size:1.15rem;color:var(--color-black);padding-top:1rem}.card-text{font-weight:400;text-wrap:balance}.card-container:hover{cursor:default;outline:2px solid var(--color-dark-blue)}.tools{display:flex;font-family:var(--font-roboto);font-weight:300;line-height:100%;flex-wrap:wrap;padding-inline:1rem;justify-content:center}.tool{padding:.2rem .3rem;border:1px solid transparent;border-radius:10px;background-color:var(--color-bg-white);margin:.2rem;font-size:.8rem;text-transform:uppercase}div.card-container:nth-child(2)>div:nth-child(2)>div:first-child{padding-inline:5rem}div.card-container:nth-child(2)>div:nth-child(2){padding-inline:0}@media screen and (max-width:575px){.card-container{border-radius:2rem;aspect-ratio:auto}.title-part{padding-bottom:1.5rem;padding-top:.25rem}.title-img img{height:100%}.card-content{padding:.25rem .5rem 0;text-align:center}.card-content p{padding-top:0;font-size:1rem}div.card-container:nth-child(2)>div:nth-child(2)>div:first-child{padding-inline:1rem}.tools{font-weight:200;line-height:90%;margin-bottom:.5rem}.tool{padding:.1rem .2rem;font-size:.7rem}}@media screen and (min-width:1620px){.title-img img{width:100%}.card-content p{font-size:1.5rem}.card-content{justify-content:center;padding-bottom:20%}div.card-container:nth-child(2)>div:nth-child(2)>div:first-child{padding-inline:15%}.tool{padding:.4rem .6rem;font-size:1rem}.tools{font-weight:200}}.project-card{position:relative;background-color:#fff;border-radius:2rem;box-shadow:0 5px 10px rgba(0,0,0,.04);cursor:pointer;outline:2px solid transparent;overflow:hidden;transition:outline .5s ease;min-height:443px;height:100%}.project-card .card-text{padding:.5rem 2rem 1.5rem}.tag{font-family:var(--font-roboto);display:inline-block;margin-right:.5rem;margin-bottom:.5rem;padding:.2rem .5rem;font-size:.75rem;border-radius:50px;font-weight:600}.project-name{text-transform:capitalize;font-weight:700}.project-card .card-image img{width:100%;height:auto;aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover}.project-card .card-text h3{font-weight:400;font-size:1.15rem}.project-card .arrow{position:absolute;bottom:1rem;display:flex;align-items:center;justify-content:center;transform:rotate(-35deg);height:40px;width:40px;color:var(--color-btn-red);border:1px solid var(--color-btn-red);border-radius:50%;margin-top:1rem;transition:.2s ease}.project-card h1,.project-card h2,.project-card h3,.project-card p{cursor:pointer}.project-card:hover{outline:2px solid var(--color-btn-red)}.project-card:hover .arrow{background:var(--color-btn-red);color:#fff}.tag:nth-child(6n+1){color:red;background-image:linear-gradient(135deg,rgba(255,103,69,.4),rgba(255,153,102,.3))}.tag:nth-child(6n+2){color:#00a6ff;background-image:linear-gradient(135deg,rgba(83,191,249,.4),rgba(139,214,247,.3))}.tag:nth-child(6n+3){color:#b300ff;background-image:linear-gradient(135deg,rgba(163,100,190,.4),rgba(223,174,253,.3))}.tag:nth-child(6n+4){color:#ffbf00;background-image:linear-gradient(135deg,rgba(214,172,44,.4),hsla(44,96%,82%,.3))}.tag:nth-child(6n+5){color:#00ff08;background-image:linear-gradient(135deg,rgba(76,175,80,.4),rgba(129,199,132,.3))}.tag:nth-child(6n+6){color:#f90;background-image:linear-gradient(135deg,rgba(199,135,40,.4),rgba(253,214,94,.3))}@media screen and (max-width:575px){.project-card .card-text h3{font-size:1.1rem}.project-card .arrow{bottom:.5rem}}.card-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));max-width:1250px;margin:150px auto;gap:2rem;padding-top:2rem}@media screen and (max-width:1024px){.card-list{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin:3rem auto}}.modal-container{position:fixed;top:0;left:0;background-color:hsla(0,0%,100%,.15);border:1px solid hsla(0,0%,100%,.3);padding:10px 10px 0;box-shadow:0 4px 30px rgba(0,0,0,.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:10px;z-index:1000;width:100vw;height:100dvh;overflow:auto}.modal{position:relative;background-color:hsla(0,0%,100%,.95);-webkit-backdrop-filter:blur(5rem);backdrop-filter:blur(5rem);width:80%;height:100%;overflow-y:auto;overflow-x:hidden;border-radius:10px;border-bottom-left-radius:0;border-bottom-right-radius:0;margin:auto;display:flex;flex-direction:column;box-shadow:0 4px 10px rgba(0,0,0,.1)}.modal-content{padding:2rem}.modal-content p{color:var(--color-darker-gray);font-family:var(--font-base);font-weight:400;font-size:1.1rem}.modal-text{margin-inline:6rem;display:grid;gap:2rem}.modal-text>:first-child{grid-column:1/-1;text-wrap:balance}.modal-text article p span{text-transform:capitalize;font-weight:600}.modal-text h1{text-transform:capitalize;font-family:var(--font-base);text-align:center}.modal-contact{text-align:center;font-size:1.2em;font-weight:700;background-color:var(--color-btn-red);margin:2rem auto auto;width:80%;border-radius:1.5rem;transition:background-color .2s,box-shadow .2s}.modal-contact:hover{background-color:var(
    --color-btn-hover-red
  );box-shadow:0 4px 15px rgba(0,0,0,.5)}.modal-contact-btn{display:block;width:100%;height:100%;color:var(--color-white);padding:1rem 0}@media screen and (max-width:575px){.modal{width:90%}.modal-content{padding:1rem .75rem}.modal-text{margin-inline:.75rem;text-align:center}.modal-content p{font-weight:300;font-size:1rem}}.carousel{position:relative;max-width:60dvw;aspect-ratio:16/9;overflow:hidden;border-radius:10px;box-shadow:0 4px 10px rgba(0,0,0,.1);margin:auto auto 2rem}.carousel-inner{display:flex;transition:transform .5s ease-in-out}.carousel-item{min-width:100%;opacity:0;transition:opacity .5s ease-in-out;position:absolute;top:0;left:0}.carousel-item.active{opacity:1;position:relative}.carousel img{width:100%;height:100%;aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover}.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);background-color:rgba(0,0,0,.5);color:#fff;border:none;padding:10px;cursor:pointer;z-index:2;border-radius:50%}.carousel-btn.prev{left:10px}.carousel-btn.next{right:10px}.carousel-indicators{display:flex;justify-content:center;position:absolute;bottom:15px;width:100%}.dot{height:10px;width:10px;margin:0 5px;background-color:hsla(0,0%,100%,.5);border-radius:50%;cursor:pointer;transition:background-color .3s ease}.dot.active{background-color:#fff}@media (prefers-color-scheme:dark){.video-dialog{display:none}}.video-dialog{display:block}@media screen and (max-width:575px){.carousel{max-width:unset}}.modal-top{position:sticky;top:0;left:0;width:100%;background-color:#fff;padding:1rem 2rem;z-index:10;box-shadow:0 2px 10px rgba(0,0,0,.1);display:flex;justify-content:space-between;align-items:normal}.project-info p{color:var(--color-gray)}.icons-side{display:flex;margin-top:.4rem;gap:1rem}.modal-btn:hover{cursor:pointer}.tooltip{position:relative;display:inline-block;text-align:center;height:-moz-fit-content;height:fit-content}.tooltip .tooltiptext{visibility:hidden;width:-moz-max-content;width:max-content;background-color:#555;color:#fff;text-align:center;border-radius:6px;padding:5px;position:absolute;z-index:1;top:100%;left:50%;transform:translateX(-50%);opacity:0;transition:opacity .3s}.tooltip:hover{cursor:pointer}.tooltip:hover a{color:#fff}.tooltip:hover .tooltiptext{visibility:visible;opacity:1}.tooltiptext{font-family:var(--font-roboto);font-weight:400;font-size:.8rem}.modal-link{transition:transform .5s ease}.modal-link:hover{transform:scale(1.2)}.modal-close{display:flex;align-items:flex-start;justify-content:center;height:auto}.modal-close:hover{transform:rotate(180deg)}@media screen and (max-width:575px){.project-info h1{font-size:1.25rem}.project-info p{font-size:1rem;text-wrap:auto}.icons-side{gap:.5rem;height:-moz-min-content;height:min-content}.modal-top{padding:.5rem 1rem}}.key-feature,.technologies{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem;margin-top:1rem}.detail-card .feature{color:var(--color-black)}.detail-card{text-wrap:balance}