@import"https://fonts.googleapis.com/css2?family=Libre+Franklin:wght@200&family=Raleway:wght@300&family=Roboto:ital,wght@0,100;0,300;0,400;1,100&family=Ubuntu&display=swap";*{font-family:Libre Franklin,sans-serif;font-family:Roboto,sans-serif;font-family:Raleway,sans-serif}.App{max-width:100vw;overflow-x:hidden;flex-direction:column;background:#000;color:#fff!important}#canvas{position:fixed;top:0;z-index:1;opacity:.3;height:max-content}.container{display:flex;align-items:center;justify-content:center;column-gap:200px}#home{margin-bottom:100px;z-index:2}.resume{color:#fff}.bgimg{position:absolute;opacity:.4}.container>div{z-index:1;margin-top:50px;display:flex;justify-content:center;position:relative;top:100px}#home h1{font-size:40px;margin:0;color:#fff}h2{font-size:30px;margin:0}.profileImg{width:300px;height:auto;border-radius:50%;margin-top:100px;z-index:0}.sec{z-index:1;display:flex;flex-direction:column;gap:30px}@media only screen and (max-width: 800px){.profileImg{width:300px}}@media only screen and (max-width: 1100px){.container{column-gap:30px}}@media only screen and (max-width: 700px){.container{text-align:center;flex-direction:column;margin-bottom:100px}.profileImg{width:200px;margin-top:100px;margin-bottom:50px}.bgimg{height:100vh}h1{font-size:25px}h2{font-size:20px}.sec{width:350px}}.sec>div{font-size:30px}#about{max-width:100vw;min-height:100vh}.contain{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:40px;width:85%;max-width:1200px;margin:0 auto 100px;text-align:center;padding:20px}.about-header{margin-top:150px;margin-bottom:20px}.section-title{font-size:42px;font-weight:700;color:#fff;margin-bottom:10px;animation:fadeInDown .8s ease-out}.title-underline{width:80px;height:4px;background:linear-gradient(90deg,#00d4ff,#7b2ff7);margin:0 auto;border-radius:2px;animation:expandWidth .8s ease-out}.type{margin-top:30px;font-size:38px;font-weight:600;background:linear-gradient(135deg,#00d4ff,#7b2ff7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:fadeInUp .8s ease-out .2s backwards}.abt{font-size:22px;padding:25px 40px;line-height:40px;color:#ffffffd9;max-width:900px;background:#ffffff0d;border-radius:15px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeIn 1s ease-out .4s backwards;transition:all .3s ease}.abt:hover{background:#ffffff14;border-color:#00d4ff4d;transform:translateY(-5px);box-shadow:0 10px 30px #00d4ff33}.education-section{width:100%;margin-top:60px;animation:fadeInUp 1s ease-out .6s backwards}.education-section .section-title{font-size:38px;margin-bottom:15px;display:flex;align-items:center;justify-content:center;gap:15px}.icon{font-size:42px;animation:bounce 2s infinite}.education-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-top:40px;max-width:1000px;margin-left:auto;margin-right:auto}.education-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:35px 25px;text-align:center;transition:all .4s cubic-bezier(.175,.885,.32,1.275);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.education-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,212,255,.1),transparent);transition:left .5s ease}.education-card:hover:before{left:100%}.education-card:hover{transform:translateY(-10px) scale(1.02);border-color:#00d4ff80;box-shadow:0 15px 40px #00d4ff4d;background:#ffffff14}.education-icon{font-size:50px;margin-bottom:20px;animation:float 3s ease-in-out infinite}.education-degree{font-size:24px;font-weight:600;color:#fff;margin-bottom:12px;line-height:1.4}.education-institution{font-size:18px;color:#ffffffb3;margin-bottom:15px;line-height:1.5}.education-status{display:inline-flex;align-items:center;gap:8px;padding:8px 20px;border-radius:20px;font-size:14px;font-weight:600;margin-top:10px}.status-dot{width:8px;height:8px;border-radius:50%;animation:pulse 2s infinite}.education-status.ongoing{background:#00d4ff26;color:#00d4ff;border:1px solid rgba(0,212,255,.3)}.education-status.ongoing .status-dot{background:#00d4ff}.education-status.completed{background:#7b2ff726;color:#7b2ff7;border:1px solid rgba(123,47,247,.3)}.education-status.completed .status-dot{background:#7b2ff7}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes expandWidth{0%{width:0}to{width:80px}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}@media only screen and (max-width: 800px){.contain{width:95%;padding:15px;gap:30px}.about-header{margin-top:100px}.section-title{font-size:32px}.type{font-size:28px;margin-top:20px}.abt{font-size:18px;padding:20px 25px;line-height:32px}.education-section .section-title{font-size:28px;gap:10px}.icon{font-size:32px}.education-container{grid-template-columns:1fr;gap:20px}.education-card{padding:30px 20px}.education-degree{font-size:20px}.education-institution{font-size:16px}.education-icon{font-size:40px}}@media only screen and (max-width: 500px){.section-title{font-size:26px}.type{font-size:24px}.abt{font-size:16px;padding:18px 20px;line-height:28px}.education-section .section-title{font-size:24px;flex-direction:column;gap:5px}}#contact{display:flex;justify-content:center;align-items:center}.contact-box{background-color:#001aff25;width:90%;margin:80px 50px;display:flex;box-shadow:1px 1px 10px #000;z-index:2}.contact-links,.contact-form-wrapper{width:50%;padding:8% 5% 10%;z-index:2}.contact-links{max-width:90%;z-index:2;border-radius:10px 0 0 10px}.contact-form-wrapper{border-radius:0 10px 10px 0}@media only screen and (max-width: 800px){.contact-links,.contact-form-wrapper{width:100%}.contact-links{border-radius:10px 10px 0 0}.contact-form-wrapper{border-radius:0 0 10px 10px}}@media only screen and (max-width: 700px){.contact-box{width:95%;margin:8% 5%;flex-direction:column}}@media only screen and (max-width: 400px){.contact-box{width:95%;margin:8% 5%;flex-direction:column}}h2{font-family:Arimo,sans-serif;font-size:clamp(30px,6vw,60px);letter-spacing:2px;text-align:center;transform:scaleX(.95)}.links{display:flex;flex-wrap:wrap;justify-content:center;padding-top:50px}.link{margin:10px;cursor:pointer}.cimg{width:45px;height:45px;filter:hue-rotate(220deg) drop-shadow(2px 4px 4px #0006);transition:.2s;-webkit-user-select:none;user-select:none}.cimg:hover{transform:scale(1.1)}.cimg:active{transform:scale(1.1);filter:hue-rotate(220deg) drop-shadow(2px 4px 4px #222) sepia(.3)}.form-item{position:relative}label,input,textarea{font-family:Poppins,sans-serif}label{position:absolute;top:10px;left:2%;color:#999;font-size:clamp(14px,1.5vw,18px);pointer-events:none;-webkit-user-select:none;user-select:none}input,textarea{width:85%;outline:0;border:1px solid #ccc;border-radius:4px;margin-bottom:20px;padding:12px;font-size:clamp(15px,1.5vw,18px)}input:focus+label,input:valid+label,textarea:focus+label,textarea:valid+label{font-size:clamp(13px,1.3vw,16px);color:#777;top:-20px;transition:all .225s ease}.submit-btn:hover{transform:scale(1.1)}.submit-btn:active{transform:scale(1.1);filter:sepia(.5)}@media only screen and (max-width: 800px){h2{font-size:clamp(40px,10vw,60px)}}@media only screen and (max-width: 400px){h2{font-size:clamp(30px,12vw,60px)}.links{padding-top:30px}.cimg{width:38px;height:38px}}#project{margin-top:100px;display:flex;flex-direction:column;gap:50px;align-items:center}#project img{cursor:pointer}.techStack>img{width:50px;height:50px}.techStack{display:flex;gap:20px;align-items:center;z-index:2}.p1{display:flex;width:90%;justify-content:center;margin:auto;padding:20px;background-color:#000;border-radius:30px;box-shadow:0 4px 6px #0000001a;z-index:2}.p1>div>img{width:400px;border-radius:20px}.p1>div{font-size:larger;display:flex;flex-direction:column;gap:20px}.head{margin:auto;text-align:center}.bla{display:flex;flex-direction:column;gap:10px;font-size:larger;margin-left:50px}.tst{display:flex;align-items:center;justify-content:flex-end;margin-top:20px}.projectText{font-size:larger}button{background-color:teal;border:none;height:30px;border-radius:20px;width:100px;cursor:pointer;transition:background-color .3s;z-index:2}button:hover{background-color:#008b8b}a{text-decoration:none;color:#fff;z-index:2;font-size:larger}.p1Btn{display:flex;gap:20px}@media only screen and (max-width: 1000px){.p1{flex-direction:column;align-items:center}.tst{flex-direction:column;align-items:flex-end;width:100%}}@media only screen and (max-width: 700px){.p1>div>img{width:100%}}@media only screen and (max-width: 600px){.p1>div>img{width:80vw}}#skills{display:flex;flex-direction:column;align-content:center;justify-content:center;width:100%;text-align:center}.skills-box{padding:20px;border:1px solid #ddd;border-radius:5px;background-color:#fff;transition:box-shadow .3s,transform .3s;overflow:hidden;position:relative;z-index:2;cursor:pointer}.skills-box:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0000001a;opacity:0;transition:opacity .3s}.skills-box:hover:before{opacity:1}.skills-box:hover{box-shadow:0 0 20px #0003;transform:translateY(-5px)}.skills-title{display:flex;align-items:center;flex-direction:column;font-size:18px}.skills-img>img{height:100px;width:auto;margin-bottom:10px}.skills-box h5{font-size:18px;font-weight:600;margin-bottom:10px;color:#333;width:220px}.skills-title{display:flex;align-items:center;flex-direction:column;font-size:18px;justify-content:center;text-align:center}.skills-img>img{height:120px;width:fit-content}.skills-icons{width:24px;height:24px}h1{font-weight:700;font-size:36px;color:#333;margin-bottom:20px}.skills-section{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:20px;border-radius:5px}.skills-container{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}header{height:80px;background:#11101b52;display:flex;align-items:center;justify-content:space-between;position:fixed;top:0;z-index:3;width:99vw}.res{margin-right:50px}.logo{font-size:28px;font-weight:700;color:#fff;font-family:serif;font-style:bold;letter-spacing:1px}.burger{display:flex;margin-right:50px}.nav-links{display:flex;list-style:none;column-gap:10px;justify-content:center;align-items:center}.nav-links .Link{display:block;color:#fff;font-size:20px;transition:1s all;text-decoration:none;margin:0 5px;border-bottom:0px solid red}.nav-links .Link:hover{color:#48ff00!important}.Link{text-decoration:none;color:#fff}.nav-links .Link{display:inline-block;position:relative}.nav-links .Link:after{content:"";position:absolute;width:100%;transform:scaleX(0);height:2px;bottom:0;left:0;background-color:#0087ca;transform-origin:bottom right;transition:transform .25s ease-out}.nav-links .Link:hover:after{transform:scaleX(1);transform-origin:bottom left}@media only screen and (max-width: 1320px){header{padding:0 50px}}@media only screen and (max-width: 1100px){header{padding:0 30px}}@media only screen and (max-width: 950px){.burger{display:block;cursor:pointer}.burger .line{width:30px;height:3px;background:#fff;margin:6px 0}.nav-bar{position:absolute;top:80px;left:0;right:0;z-index:1;background-color:#11101b;height:0;overflow:hidden;display:flex;justify-content:center;align-items:center}.nav-bar.active{height:100vh;display:block}.nav-bar.active .nav-links{opacity:1}.nav-links{width:fit-content;transition:.4s;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:80px auto 0;opacity:0;gap:10px;text-align:center}.nav-links .Link{margin-bottom:12px;display:block}}*{margin:0;padding:0}.ctn{height:100vh;width:100vw;background-color:#000;position:relative;display:flex;justify-content:center;align-items:center}.ring{width:400px;height:400px;border:0px solid rgb(250,246,246);border-radius:50%;position:absolute}.r1{border-bottom-width:8px;border-color:#0aceff;animation:bla1 .5s linear infinite}@keyframes bla1{0%{transform:rotateX(35deg) rotateY(-45deg) rotate(0);border-color:#0a2fff}to{transform:rotateX(35deg) rotateY(-45deg) rotate(360deg);border-color:#f0f}}.r2{border-bottom-width:8px;border-color:#ef0;animation:bla2 .5s linear infinite}@keyframes bla2{0%{transform:rotateX(50deg) rotateY(10deg) rotate(0);border-color:#ef0}to{transform:rotateX(50deg) rotateY(10deg) rotate(360deg);border-color:#f0d}}.r3{border-color:#fff;border-bottom-width:8px;animation:bla3 .5s linear infinite}@keyframes bla3{0%{transform:rotateX(35deg) rotateY(55deg) rotate(0);border-color:#ff00c8}to{transform:rotateX(35deg) rotateY(55deg) rotate(360deg);border-color:#3f0}}