#root{width:100%;font-family:urbanist;background-color:#fff;color:#000;margin:0;padding:0;box-sizing:border-box}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}html{scroll-behavior:smooth}header{width:100%;max-width:100vw;margin:auto;overflow:hidden;position:relative;z-index:100;border-bottom:1px solid #E6ECF8}.portfolio-header{display:flex;align-items:center;justify-content:space-between;width:90%;height:80px;margin:auto;color:#000}.portfolio-navbar{list-style:none;margin:0}.portfolio-navbar ul li{position:relative;display:inline-block;margin-right:20px}.portfolio-navbar a{text-decoration:none;color:#000;font-size:1rem;font-weight:500;padding-bottom:5px;transition:color .3s ease}.portfolio-navbar a:hover{color:#6e07f3}.portfolio-navbar li:after{content:"";display:block;width:100%;height:2px;background-color:#6e07f3;position:absolute;top:23px;bottom:0;left:0;transform:scaleX(0);transform-origin:bottom right;transition:transform .3s ease}.portfolio-navbar li:hover:after{transform:scaleX(1)}.header-buttons{display:flex;gap:10px}.header-btn{text-align:center;padding:2rem 0}.header-btn .button-link{background-color:transparent;color:#6e07f3;border:2px solid #6e07f3;border-radius:50px;padding:clamp(4px,0vw,9px) clamp(9px,2vw,15px);font-size:clamp(.8rem,1vw,0rem);font-weight:500;display:inline-flex;align-items:center;gap:10px;text-decoration:none;transition:all .3s ease}.header-btn .button-link svg{fill:#6e07f3;transition:transform .3s ease;width:clamp(16px,2vw,24px);height:clamp(16px,2vw,24px);border:1px solid #5be9b9;background-color:#5be9b9;border-radius:100px;padding:3px}.header-btn .button-link:hover{background-color:#6e07f3;color:#fff;border-color:#6e07f3;transform:scale(1.05)}.header-btn .button-link:hover svg{transform:rotate(360deg)}@media (max-width: 768px){.portfolio-navbar{display:none}}main{max-width:100%;margin:auto;overflow:hidden;background-color:#fff;z-index:99}.portfolio-header-main{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:auto;width:90%;padding-top:100px;color:#000}.header-col1,.header-col2,.header-col3{width:100%}.header-col1{display:flex;flex-direction:column;justify-content:center;align-items:center}.header-subh{font-size:clamp(.75rem,3vw,1.4rem);text-align:center;margin:0;font-weight:500;letter-spacing:.001rem;color:#141c3a}.header-main-h{text-align:center;font-size:clamp(1.75rem,5vw,10rem);color:#141c3a;font-family:Nanum Gothic Coding,monospace;font-weight:bolder;letter-spacing:-.3rem;white-space:nowrap;overflow:hidden;border-right:2px solid #141c3a;animation:typewriter 4s steps(50,end) 1s 1 normal both,blinkCursor .5s steps(40,end) infinite}@keyframes typewriter{0%{width:0}to{width:100%}}@keyframes blinkCursor{0%{border-right:2px solid #141c3a}to{border-right:2px solid transparent}}.header-col1 span:hover{color:#5be9b9}.header-col1 h1:hover{color:#6e07f3}.header-col1 h1:hover span{color:#5be9b9}.header-col1 p{text-align:center;font-weight:500;line-height:1.5}.header-col2{display:flex;justify-content:center;align-items:center;margin:30px 0}.header-col2 .avatar{max-width:100%;width:40%;height:auto;display:block;margin:0 auto}.header-col3{display:flex;justify-content:center;align-items:center;margin-top:30px}.header-col3 .avatar{max-width:100%;width:80%;height:auto;display:block;margin:0 auto}.s1{max-width:100%;margin:auto;height:700px;overflow:hidden;background-color:#6e07f3;position:relative}.container{width:90%;margin:90px auto}.col3{display:flex;flex-direction:column;width:100%}.bio-data h1{font-size:40px;font-family:Nanum Gothic Coding,monospace;text-align:center;color:#fff}.bio-data p{color:#fff;font-size:clamp(.85rem,1.8vw,1.6rem);text-align:center;line-height:1.5}.s2{max-width:100%;margin:auto;position:relative;z-index:1;margin-top:-14rem;padding-bottom:100px}.boxes{display:flex;flex-wrap:wrap;flex-direction:row;width:90%;height:auto;margin:auto;justify-content:space-between;border:1px solid #E6ECF8;border-radius:5px;box-shadow:0 5px 5px #e9f0f380,0 0 0 1px #e6ecf8}.boxes .col{flex:1 1 30%;min-width:200px;padding:20px 10px;display:flex;flex-direction:column;align-items:center;text-align:center;width:100%;border-right:1px solid #E6ECF8;background-color:#fff}.col h3{font-family:Nanum Gothic Coding,monospace;text-transform:capitalize;font-size:25px}.col p{line-height:1.5}.col h4{font-size:25px;font-family:Nanum Gothic Coding,monospace;color:#6e07f3}.skill-list{line-height:1.8}.col .icon{border:1px solid #5be9b9;background-color:#5be9b9;border-radius:100px;fill:#141c3a;padding:20px}.s3{max-width:100%;margin:auto;display:flex;flex-direction:column;gap:30px}.work-heading h2{font-family:Nanum Gothic Coding,monospace;text-transform:capitalize;font-size:40px;text-align:center}.work-heading p{text-align:center}.work-heading p a:hover{color:#6e07f3}.main-container{width:90%;margin:auto;display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;justify-content:center;overflow:hidden}.main-container .col{flex:1 1 30%;min-width:200px;height:300px;position:relative;border-radius:10px}.img-container img{width:100%;height:300px;object-fit:cover;border-radius:10px}.img-content{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#000000b3;color:#fff;opacity:0;transition:opacity .9s ease;padding:10px;border-radius:10px}.img-container:hover .img-content{opacity:1;background-color:#141c3a;cursor:pointer;border-radius:10px}.img-content p{text-align:center;font-weight:400;font-size:18px;margin-top:-15px;text-shadow:1px 1px 3px rgba(0,0,0,.5)}.button-link{text-decoration:none;color:#fff;font-size:15px;border:2px solid #6e07f3;padding:10px 20px;border-radius:30px;transition:background-color .3s ease,transform .3s ease;display:inline-block}.button-link:hover{background-color:#6e07f3;color:#fff}.s4{text-align:center;padding:2rem 0;margin-bottom:50px;background-color:#fff}.s4 .button{background-color:transparent;color:#6e07f3;border:2px solid #6e07f3;border-radius:50px;padding:clamp(4px,2vw,8px) clamp(12px,2vw,22px);font-size:clamp(.8rem,1vw,0rem);font-weight:500;display:inline-flex;align-items:center;text-decoration:none;transition:all .3s ease}.s4 .button .icon{margin-right:8px;display:inline-flex;align-items:center}.s4 .button svg{fill:#6e07f3;transition:all .3s ease;width:clamp(16px,2vw,24px);height:clamp(16px,2vw,24px)}.s4 .button:hover{background-color:#6e07f3;color:#fff;border-color:#6e07f3;transform:scale(1.05)}.s4 .button:hover .icon svg{transform:rotate(360deg)}.icon{border:1px solid #5be9b9;background-color:#5be9b9;border-radius:100px;fill:#141c3a;padding:4px}.contact-section{width:100%;margin-bottom:40px}.form-container{width:90%;max-width:600px;margin:auto;padding:20px}.p-col1{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;gap:50px;margin-bottom:30px}.p-col1 .col{flex:1;width:100%;min-width:200px;display:flex;flex-direction:column}label{margin-bottom:10px;font-weight:700;color:#000}input{padding:10px;color:#000;border:1px solid #ccc;background-color:#fff;border-radius:9px;font-size:14px}input:focus{border-color:#6e07f3;outline:none}input::placeholder{font-family:urbanist;font-size:.9rem;color:#535353}textarea{padding:10px;color:#000;border:1px solid #ccc;background-color:#fff;border-radius:9px;font-size:14px}textarea:focus{border-color:#6e07f3;outline:none}textarea::placeholder{font-family:urbanist;font-size:.9rem;color:#535353}.form-submit{display:flex;justify-content:center}.submit-button{border-radius:50px;padding:13px 20px;font-size:1rem;font-weight:500;color:#6e07f3;font-family:urbanist;background-color:#fff;border:2px solid #6e07f3}.submit-button:hover{background-color:#6e07f3;color:#fff;transition:ease-in-out .3s}body{font-family:urbanist;background-color:#fff;color:#000;width:100%;margin:0;padding:0;box-sizing:border-box}.header1{max-width:100vw;overflow:hidden;position:relative;z-index:99;border-bottom:1px solid #E6ECF8}.inner-header{width:90%;margin:auto;display:flex;flex-direction:row;justify-content:center;align-items:center}.portfolio-header1{display:flex;align-items:center;justify-content:space-between;width:100%;height:140px;margin:auto;color:#000}.header-btn1{text-align:center;padding:2rem 0}.header-btn1 .button-link1{background-color:transparent;color:#6e07f3;border:2px solid #6e07f3;border-radius:50px;padding:clamp(4px,-1vw,12px) clamp(12px,2vw,17px);font-size:clamp(.8rem,1vw,0rem);font-weight:500;display:inline-flex;align-items:center;gap:10px;text-decoration:none;transition:all .3s ease}.header-btn1 .button-link1 svg{fill:#6e07f3;transition:transform .3s ease;width:clamp(16px,2vw,24px);height:clamp(16px,2vw,24px);border:1px solid #5be9b9;background-color:#5be9b9;border-radius:100px;padding:3px}.header-btn1 .button-link1:hover{background-color:#6e07f3;color:#fff;border-color:#6e07f3;transform:scale(1.05)}.header-btn1 .button-link1:hover svg{transform:rotate(360deg)}body{font-family:urbanist;background-color:#fff;color:#000;margin:0;padding:0;box-sizing:border-box}.main1{width:100%;overflow:hidden;position:relative;z-index:100}.inner-main{width:90%;margin:auto;display:flex;flex-direction:column;justify-content:center;align-items:center}.main-image{width:100%;margin:auto;display:flex;flex-direction:column;justify-content:center;align-items:center}.main-content{display:flex;flex-direction:column;justify-content:center;align-items:center}.main-content h2{font-family:Nanum Gothic Coding,monospace;font-size:7vw;margin:0}.main-content p{font-size:2vm}.main-image img{width:100px;padding-bottom:60px}.footer-section{width:100%;max-width:100vw;margin:auto;border-radius:25px 25px 0 0;height:150px;background-color:#6e07f3}.footer-inner-sec{width:90%;margin:auto;display:flex;justify-content:center;align-items:center;height:100%}.footer-inner-sec .footer-container{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:center;gap:25%;align-items:center;width:100%}.footer-container .icon-col{padding:1vw;height:clamp(30px,5vw,30px);width:clamp(30px,5vw,30px);border-radius:100%;background-color:#5be9b9;display:flex;justify-content:center;align-items:center;transition:all .3s ease-in-out}.footer-container .icon-col svg{width:clamp(15px,2vw,24px);height:auto;fill:#6e07f3;transition:fill .3s ease-in-out}.footer-container .icon-col:hover{background-color:#141c3a;transform:scale(1.2)}.footer-container .icon-col:hover svg{fill:#fff}.project-wrapper{width:100%;max-width:100vw;margin-top:50px;overflow:hidden}.project-container{display:flex;flex-direction:column;align-items:center;justify-content:space-between;width:90%;margin:auto;color:#000}.project-hero{display:flex;flex-direction:column;gap:2rem;margin-bottom:4rem;align-items:center}@media (min-width: 768px){.project-hero{flex-direction:row}}.project-text{flex:1}.project-text h1{font-size:2.5rem;font-weight:700;color:#1f2937;font-family:Nanum Gothic Coding,monospace;margin-bottom:1rem}.project-text p{color:#4b5563}.project-image{flex:1}.project-image img{width:100%;border-radius:1rem;box-shadow:0 10px 20px #0000001a}.project-description,.project-links{max-width:800px;margin:0 auto 3rem;text-align:center}.project-description h2,.project-links h2{font-size:1.75rem;font-weight:600;color:#1f2937;margin-bottom:1rem;font-family:Nanum Gothic Coding,monospace}.project-description p{color:#374151;line-height:1.7}.project-links ul{list-style:none;padding:0;margin:0}.project-links li{margin-bottom:.5rem}.project-links a{color:#2563eb;text-decoration:none;font-weight:500}.project-links a:hover{text-decoration:underline}