@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Sora:wght@400;500;600;700;800&display=swap";.app-wrapper{position:relative;background:radial-gradient(circle at center,#0a192f,#000,#000)}#scroll-top{font-size:24px;cursor:pointer;position:fixed;top:80%;left:90%;color:#fff}@media screen and (max-width:780px){#scroll-top{top:88%}}nav{display:flex;justify-content:end;width:100%;height:60px;padding:1rem;gap:40px;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;color:#ffffffde;background:radial-gradient(circle at top left,#0a192f,#000,#0a192f);box-shadow:4px 8px 16px #0a192f;top:0;z-index:1}li{list-style:none;margin-right:5rem;display:flex;align-items:center;font-family:Inter,sans-serif;gap:3px}li:hover{cursor:pointer;text-decoration:underline;text-transform:capitalize}@media screen and (max-width:780px){nav{justify-content:center;gap:5px}li{width:100%;margin-right:1px}}*{margin:0;padding:0;box-sizing:border-box}.hero-div{display:flex;align-items:center;height:500px;object-fit:contain;position:relative}b{color:#fff}.hero-div h1{color:#fff;margin-bottom:1rem;opacity:0;font-family:Space Grotesk,sans-serif;animation:fadeIn 1.5s ease-in forwards;font-size:clamp(2.5rem,5vw,4.5rem);line-height:1.1;font-weight:800}.drop-in-word{display:inline-block;background:none;border:none;color:#fff;opacity:0;font-family:Plus Jakarta Sans,sans-serif;font-size:clamp(1.25rem,2vw,2rem);line-height:1.3;font-weight:600;transform:translateY(-100%);animation:dropDown .6s cubic-bezier(.175,.885,.32,1.275) 1s forwards}.hero-div p{font-family:Inter,sans-serif;font-size:clamp(1rem,1.2vw,1.25rem);line-height:1.7;color:#ffffffde}.tag-line{margin-top:.5rem;margin-bottom:1.5rem;opacity:0;animation:fadeIn .6s ease-in 1.7s forwards}.desc{opacity:0;animation:fadeIn .8s ease-in 2.5s forwards}.description{width:50%;position:absolute;top:30%;left:5%;padding:1rem;background:radial-gradient(circle at top left,#0a192f,#000,#000)}.img-div{width:45%;display:flex;align-items:center;justify-content:center;position:absolute;right:0%;opacity:0;animation:fadeIn 1.5s ease-in forwards}.img-div span{position:absolute;left:30%;top:55%;border:none;background:none;color:#fff;font-size:clamp(1.125rem,1.5vw,1.5rem);font-weight:500;font-family:Inter;letter-spacing:-.01em}@keyframes dropDown{to{opacity:1;transform:translateY(0)}}@media screen and (max-width:720px){.description{top:10%;z-index:1000}.img-div{top:10%;width:54%}.img-div img{width:300px;height:300px}.img-div span{font-size:18px;left:10%}}.about-container{width:100%;display:flex;flex-direction:column;align-items:center;padding:1rem;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;color:#ffffffde;opacity:0;animation:fadeIn 1.5s ease-in forwards}.about-container img{margin-bottom:1rem}h3{font-family:Inter,sans-serif;font-weight:400;font-size:1.25rem}.about-container p{width:60%;margin-top:1rem;font-family:Inter,sans-serif;font-size:clamp(1rem,1.2vw,1.25rem);line-height:1.7}.about-container hr{color:gray;width:10%;margin-bottom:1rem}@media screen and (max-width:780px){.about-container h3{width:100%;text-align:center}.about-container p{width:100%;padding-left:.5rem}}.skills-container{width:100%;display:flex;flex-direction:column;align-items:center;margin-top:3rem;padding:1rem;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;color:#ffffffde;opacity:0;animation:fadeIn 1.5s ease-in forwards}.skills-container hr{width:10%;margin-bottom:3rem}.tools-container{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.tools-container img{width:100px;height:100px}.tools-container img:hover{transform:rotate(360deg);transition:all 2s}.tool{display:flex;flex-direction:column;align-items:center;justify-content:center}.tool p{margin-top:1rem;font-family:Inter,sans-serif}@media screen and (max-width:780px){.tools-container{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;width:100%}.tools-container img{width:60px;height:60px}}.contact-container{width:100%;display:flex;flex-direction:column;align-items:center;padding:1rem;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;color:#ffffffde;opacity:0;animation:fadeIn 1.5s ease-in forwards}.contact-container hr{width:6%;margin-bottom:3rem}.contact-container h3{font-family:Space Grotesk,sans-serif;font-weight:400;font-size:1.2rem;margin-bottom:.5rem}.contact-container form{display:flex;flex-direction:column;width:60%}.contact-container form hr{margin-bottom:1rem;width:100%}input{height:50px;color:#ffffffde;border:none;outline:none;font-family:Inter,sans-serif;background:linear-gradient(120deg,#000,#0a192f,#000)}textarea{border:none;outline:none;color:#ffffffde;font-family:Inter,sans-serif;background:linear-gradient(120deg,#000,#0a192f,#000)}button{height:40px;color:#000;font-family:Inter,sans-serif}.socials{position:relative;width:60%;display:flex;margin:4rem;align-items:center;justify-content:space-between}.s-icons{font-size:32px;cursor:pointer}.s-icons:hover{color:#716666;transform:scale(1.2);transition:all 1s}#honeypot{display:none}#success-p{color:#16a34a;font-family:Inter,sans-serif;font-size:.875rem;line-height:1.25rem;margin-top:1rem}#error-p{color:#dc2626;font-size:.875rem;font-family:Inter,sans-serif;line-height:1.25rem;margin-top:1rem}a{color:#fff}.modal{display:none;width:220px;height:30px;background:linear-gradient(120deg,#000,#0a192f,#000);border-radius:12px;position:absolute;right:5%;top:-95%;box-shadow:4px 8px 16px #0a192f}.modal.visible{display:flex;align-items:center;justify-content:center}.modal.visible.left{left:40%}.modal.visible.center{left:60%}.modal.visible.right{right:0%}@media screen and (max-width:780px){.contact-container form,.socials{width:100%}.modal.visible.center{left:40%}}.projects-container{width:100%;display:flex;flex-direction:column;align-items:center;margin-top:3rem;padding:1rem;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;color:#ffffffde;opacity:0;animation:fadeIn 1.5s ease-in forwards}.title{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:clamp(1.25rem,2vw,2rem);line-height:1.2;letter-spacing:-.02em}.projects-container hr{width:10%;margin-bottom:3rem}.project-div{position:relative;display:flex;align-items:center;justify-content:space-between;width:60%;margin-bottom:5rem}.project-div h2{font-family:Space Grotesk,sans-serif;font-weight:600;font-size:1.5rem;line-height:1.3}.project-details{width:50%}.project-img{width:50%;display:flex;position:relative}.project-details p{width:60%;font-family:Inter,sans-serif;font-size:clamp(1rem,1.2vw,1.25rem);line-height:1.7}.tech-used{display:flex;align-items:center;gap:5px}span{border:1px solid gray;min-width:80px;text-align:center;background-color:azure;color:gray;margin-top:1rem;margin-bottom:1rem}.demo-btns{display:flex;margin-top:1rem;gap:5px}.demo-btns button{height:40px;width:100px;color:#000;font-family:Inter,sans-serif;cursor:pointer}@media screen and (max-width:1499px){.project-div{flex-direction:column;width:100%;align-items:center;justify-content:center}.project-details{width:100%;padding:1rem;display:flex;flex-direction:column;align-items:center}.project-img{width:100%;display:flex;justify-content:center}.tech-used{display:grid;grid-template-columns:repeat(3,1fr);row-gap:0px;width:100%}.project-details p{width:100%}#adzuna-img{width:350px}}@keyframes fadeIn{to{opacity:1}}@media screen and (min-width:780px) and (max-width:1499px){.project-div{width:60%}}footer{width:100%;height:60px;display:flex;align-items:center;justify-content:center;color:#fff;background:radial-gradient(circle at top left,#0a192f,#000,#0a192f)}p{font-family:Inter,sans-serif}