#home{height:4vh;transition:transform .4s ease;cursor:pointer}#home:hover{transform:translateY(-5px)}#bulb{height:4vh;transition:transform .4s ease;cursor:pointer}#bulb:hover{transform:translateY(-5px)}#projects{height:3vh;transition:transform .4s ease;cursor:pointer}#projects:hover{transform:translateY(-5px)}#phone{height:3vh;transition:transform .4s ease;cursor:pointer}#phone:hover{transform:translateY(-5px)}#insta,#linkedin{padding:6px;height:4vh;border-radius:7px;color:#00f5d4}#twitter{color:#00f5d4;padding:6px;height:4vh;border-radius:7px}.social-links{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px}.links-except-github{display:flex;justify-content:center;gap:10px}#github-logo{height:4vh}.github{background:linear-gradient(135deg,#00f5d4,#5f2abd);border-radius:20px;transition:background-Color .4s ease,transform .3s ease;padding:.6rem 2rem}#github-a{border-radius:20px;display:flex;gap:15px;align-items:center;color:#fff;text-decoration:none;font-size:22px}.intro-section{align-items:center;margin-top:22vh;width:90%;display:flex}.content-parent{width:50%;display:flex;flex-direction:column;align-items:baseline;gap:20px;padding:30px}.animation-sec{width:50%;margin-top:5vh;display:flex;justify-content:center;align-items:center;padding:30px}.parent-box{width:50%;display:flex;align-items:center;justify-content:center;height:11vh;position:fixed;top:0;z-index:1000}.nav{color:#fff;height:6vh;display:flex;justify-content:space-evenly;align-items:center;width:18vw;text-align:center;transition:transform .4s ease;border-radius:12px;background:linear-gradient(#000,#000) padding-box,linear-gradient(135deg,#00f5d4,#5f2abd) border-box;border:2px solid transparent}body{margin:0}#name{color:#fff;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:32px}#info{color:#fff;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:24px}#parent-nav{height:100vh;flex-direction:column;display:flex;align-items:center;background-image:radial-gradient(rgb(91,139,167) 1px,transparent 1px);background-size:50px 50px}#title-info{background:linear-gradient(135deg,#00f5d4,#5f2abd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:62px;display:inline-block;overflow:hidden;white-space:nowrap;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;width:22ch;border-right:1px solid rgb(255,255,255);animation:typing 6s steps(22) infinite,blinking .7s infinite}@keyframes typing{0%{width:0ch}30%{width:16ch}70%{width:16ch}to{width:0ch}}@keyframes blinking{50%{border-color:transparent}}@media(max-width:768px){@keyframes typing{0%{width:0ch}30%{width:16ch}70%{width:16ch}to{width:0ch}}#title-info{font-size:27px}#name{font-size:32px}#info{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;width:100%;font-size:15px}#parent-nav{height:fit-content}.nav{border:1px solid rgb(255,255,255);width:60vw}.parent-box{width:100%}#name{font-size:50px}#github-a{width:30vw}.content-parent{width:100%}.animation-sec{display:none}}@media(max-width:1500px){.animation-sec{display:none}}#h1{text-align:center}#card1{color:#fff;width:9vw;height:22vh;display:flex;justify-content:space-evenly;align-items:center;border:1px solid rgb(69,71,99);flex-direction:column;border-radius:15px;transition:all .4s ease}#card1:hover{transform:translateY(-8px);box-shadow:0 0 10px #00f5d4,0 0 30px #5f2abd}#card2{border-radius:15px;display:flex;justify-content:space-evenly;color:#fff;align-items:center;border:1px solid rgb(69,71,99);flex-direction:column;transition:all .4s ease;width:9vw;height:22vh}#card2:hover{transform:translateY(-8px);box-shadow:0 0 10px #00f5d4,0 0 30px #5f2abd}#card3{color:#fff;border-radius:15px;display:flex;justify-content:space-evenly;align-items:center;border:1px solid rgb(69,71,99);flex-direction:column;transition:all .4s ease;width:9vw;height:22vh}#card3:hover{transform:translateY(-8px);box-shadow:0 0 10px #00f5d4,0 0 30px #5f2abd}#card4{border-radius:15px;color:#fff;display:flex;justify-content:space-evenly;align-items:center;border:1px solid rgb(69,71,99);flex-direction:column;transition:all .4s ease;width:9vw;height:22vh}#card4:hover{transform:translateY(-8px);box-shadow:0 0 10px #00f5d4,0 0 30px #5f2abd}.components-parent{gap:20px;display:flex;justify-content:center;align-items:center}#html,#css,#js,#react{height:20vh;margin-top:2vh}h1{text-align:center}#card5{border-radius:15px;display:flex;justify-content:space-evenly;align-items:center;border:1px solid rgb(69,71,99);flex-direction:column;width:10vw;height:19vh;transition:all .4s ease;color:#fff}#card6{border-radius:15px;color:#fff;display:flex;justify-content:space-evenly;align-items:center;border:1px solid rgb(69,71,99);flex-direction:column;width:10vw;height:19vh;transition:all .4s ease}#tools{text-align:center;color:#fff}#tech-stack{color:#fff}#card7{border-radius:15px;color:#fff;display:flex;justify-content:space-evenly;align-items:center;border:1px solid rgb(69,71,99);flex-direction:column;width:10vw;height:19vh;transition:all .4s ease}#card5:hover,#card6:hover,#card7:hover{transform:translateY(-8px);box-shadow:0 0 10px #00f5d4,0 0 30px #5f2abd}.tools-sec{display:flex;justify-content:center;align-items:center;gap:20px}.name{margin-top:30px}#vercel{margin-top:1vh;height:9vh}#git{height:9.2vh;margin-top:1vh}#github2{height:8vh;margin-top:1vh}#content{margin-bottom:1vh}#special{margin-bottom:1vh;margin-top:1vh}.seperation{border-top:1px solid rgba(255,250,250,.075);margin-top:10vh}@media(max-width:768px){.components-parent{gap:20px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center}#card1,#card2,#card3,#card4{height:20vh;width:33vw;font-size:12px}#card5,#card6,#card7{height:18vh;width:26vw;font-size:12px}#html,#css,#js,#react{height:8vh}}.project-section{height:fit-content;display:flex;justify-content:center;gap:42px}#sec{text-align:center;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color:#fff;margin-top:10vh}.project-card{display:flex;align-items:center;flex-direction:column;width:40%;gap:8px;background:linear-gradient(145deg,#1e1e28f2,#12121cf2);border:1px solid rgba(255,255,255,.08);border-radius:28px;padding-bottom:1.5rem;transition:transform .65s ease,box-shadow .35s ease,border .35s ease;box-shadow:0 10px 40px #00000059}#spendify-box:hover{transform:translateY(-10px) scale(1.015);border:1px solid rgba(99,102,241,.35);box-shadow:0 20px 60px #3b82f62e}#meteora-box:hover{transform:translateY(-10px) scale(1.015);border:1px solid rgba(139,92,246,.35);box-shadow:0 20px 60px #6366f138}.parent{display:flex;flex-direction:column;align-items:center;gap:30px}.img{width:90%;height:320px;margin-top:20px;object-fit:cover;border-radius:10px}#spendify-live-btn,#meteora-live-btn{border:none;background:linear-gradient(135deg,#457bf8,#2563eb,#3b82f6);cursor:pointer}#spendify-live-btn:hover{transform:scale(1.05)}.button{border:none;cursor:pointer;transition:.3s ease;background:transparent;padding:.9rem 1.6rem;font-size:1rem;font-weight:600;border-radius:14px}#spendify-github-btn:hover{transform:scale(1.05);background:linear-gradient(145deg,#282833f2,#222229f2)}.button-box{width:95%;display:flex;gap:20px}#a{color:#fff;text-decoration:none}.project-section span{padding-top:20px;width:95%;color:#fff;font-size:1.6rem;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.project-section p{width:95%;color:#b7b7c7;line-height:1.6}#meteora-github-btn:hover{background:linear-gradient(145deg,#282833f2,#222229f2)}#meteoraMobile,#spendifyMobile{display:none}@media(max-width:768px){.project-section{width:90%}.button-box{width:85%;display:flex;gap:20px}.project-section span{margin-top:2vh;width:85%;color:#fff;font-size:1.5rem;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.project-section p{width:85%;color:#b7b7c7;line-height:1.6}#meteoraMobile{display:block;height:370px;width:76%;object-fit:cover}#spendifyMobile{display:block;height:370px;width:76%}.project-section{display:flex;flex-direction:column}#finance-tracker,#weather-api{width:100%}#spendify-box,#meteora-box{width:100%;font-size:12px}#spendify-img,#meteora-img{display:none}}#sec2,h3{text-align:center}.form-content{display:flex;flex-direction:column;align-items:center;gap:45px}.intro-info{display:flex;flex-direction:column}#sec1{background:linear-gradient(135deg,#00f5d4,#5f2abd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:600;font-size:72px;font-family:poppins-600}#sec2{font-size:24px;font-weight:400;color:#9da4b0}.login-page input{width:99%}#name2{background-color:#1f2a38;border-radius:5px;height:5.3vh;font-size:15px;border:1px solid currentColor;color:#fff}#name2::placeholder{color:#d0d5db}#email{background-color:#1f2a38;border-radius:5px;height:5.3vh;font-size:15px;border:1px solid currentColor;color:#fff}#email::placeholder{color:#d0d5db}#message{color:#fff;background-color:#1f2a38;height:10vh;font-size:15px;border:1px solid currentColor;border-radius:5px}#message::placeholder{margin-bottom:2vh;color:#d0d5db}#shoot{height:6vh;font-size:22px;border:1px solid currentColor;background-color:#5c25c2;color:#fff;transition:.4s ease;cursor:pointer;margin-top:2vh}#shoot:hover{transform:scale(1.04)}.message-parent{display:flex;flex-direction:column}.seperation-2{border:1px solid currentColor;width:25.5vw;margin-top:4vh}#contact-info{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color:#a39f9f;font-size:17px}#long-info{font-weight:400;font-size:20px}#send{font-size:36px;font-weight:700;text-align:center}#error{color:#d32f2f}.parent-container{display:flex;flex-direction:column;align-items:center}.login-page{display:flex;width:40%;flex-direction:column;gap:15px;border-radius:20px}@media(max-width:768px){.login-page{width:80%}#contact{width:100%}#sec1{font-size:45px}}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;margin:0;background-color:#000}