body{font-family:Inter,sans-serif;line-height:1.6;background-color:#f5f5f5;color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex}#root{width:100%}@media (max-width: 768px){body{font-size:14px}}*{margin:0;padding:0;box-sizing:border-box}.Banner{position:fixed;top:0;left:0;height:45px;width:100%;display:flex;justify-content:flex;align-items:center;background:#904e99;color:#fff;z-index:9999}.Banner h1{height:40px;display:flex;align-items:center;padding:10px}.NavLinks{width:445px;height:40px;display:flex;justify-content:center;align-items:center;gap:30px;margin-left:auto}.AboutMe-Container{display:flex;justify-content:center;align-items:center;gap:75px;padding:0 50px;margin:100px 0}.DefaultIcon img{height:250px;display:flex;justify-content:center;align-items:left;border-radius:125px}.AbtMe{flex:1;font-size:28px}.SectionTitle{display:flex;align-items:center;justify-content:center;margin:100px 0 0;padding:0 50px;width:100%}.SectionTitle h1{font-size:35px}.Projects-Section,.Projects-SectionLR{display:flex;justify-content:center;align-items:center;margin:100px 0;padding:0 50px;gap:50px}.Projects-desc p{font-size:25px}.Projects-img img{height:350px;display:flex;width:350px;animation:float 3s ease-in-out infinite;z-index:1}.Skills-Section,.Contact-Container{display:flex;justify-content:center;align-items:center;margin:100px 0}.SkillSVGIcons,.Contact-Section{flex-wrap:wrap;width:50vw;justify-content:space-evenly;display:flex;align-items:center;padding:10px}.Skills-Section img,.Contact-Section img{height:118px;width:124px;margin:13px 20px}.Hr{display:flex;justify-content:center;align-items:center;padding:10px}hr{color:#904e99;width:97vw;margin:0}.DLButton-Container{display:flex;justify-content:center;align-items:center;margin:100px 0}.Btn button{width:305px;height:73px;border-radius:50px;font-size:25px;font-weight:700;background:#904e99;border:0px solid white;color:#fff}.Footer-Container{display:flex;justify-content:center;align-items:center;font-size:30px;height:107px;background:#d9d9d98c}.NavVisit a{display:flex;flex-direction:row;align-items:center;width:100%;justify-content:center;font-size:25px;margin:0 0 25px;text-decoration:none;color:#723c79;font-weight:900;border:2px solid red}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.PokeImage img{animation:spin 10s linear infinite}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.Ani-Java img{animation:float 1.8s ease-in-out infinite;animation-delay:0s}.Ani-JS img{animation:float 2.1s ease-in-out infinite;animation-delay:.2s}.Ani-React img{animation:float 2.4s ease-in-out infinite;animation-delay:.4s}.Ani-AWS img{animation:float 1.5s ease-in-out infinite;animation-delay:.1s}.Ani-PY img{animation:float 2.6s ease-in-out infinite;animation-delay:.3s}.Ani-HTML img{animation:float 2s ease-in-out infinite;animation-delay:.5s}.Ani-CSS img{animation:float 1.7s ease-in-out infinite;animation-delay:.6s}.Ani-TWCSS img{animation:float 2.2s ease-in-out infinite;animation-delay:.7s}@media (max-width: 400px){*{margin:0;padding:0;box-sizing:border-box}.Banner{display:flex;background:#904e99;position:relative;height:418px;flex-direction:column;gap:10px}.Banner h1{margin:50px 0 0}.NavLinks{display:flex;flex-direction:column;width:100%;height:300px}.Projects-img img{display:flex;height:250px;width:250px}.Projects-desc p,.AbtMe{font-size:24px}.AboutMe-Container,.Projects-Section{display:flex;flex-direction:column}.Projects-SectionLR{display:flex;flex-direction:column-reverse}.Skills-Section img,.Contact-Section img{height:75px;width:72px;margin:13px 20px}.SkillSVGIcons,.Contact-Section{flex-wrap:wrap;width:70vw;justify-content:center;display:flex;align-items:center;padding:10px;gap:0px}.Btn button{width:210px;height:50px;font-size:15px;font-weight:700;background:#904e99;border:0px solid white;color:#fff}.Footer-Container{display:flex;justify-content:center;align-items:center;height:77px;font-size:18px}}@media (min-width: 401px) and (max-width: 430px){.Banner{display:flex;background:#904e99;position:relative;height:418px;flex-direction:column;gap:10px}.Banner h1{margin:50px 0 0}.NavLinks{display:flex;flex-direction:column;width:100%;height:300px}.Projects-img img{display:flex;height:250px;width:250px}.Projects-desc p,.AbtMe{font-size:24px}.AboutMe-Container,.Projects-Section{display:flex;flex-direction:column}.Projects-SectionLR{display:flex;flex-direction:column-reverse}.Skills-Section img,.Contact-Section img{height:75px;width:72px;margin:13px 20px}.SkillSVGIcons,.Contact-Section{flex-wrap:wrap;width:70vw;justify-content:center;display:flex;align-items:center;padding:10px;gap:0px}.Btn button{width:210px;height:50px;font-size:15px;font-weight:700;background:#904e99;border:0px solid white;color:#fff}.Footer-Container{display:flex;justify-content:center;align-items:center;height:77px;font-size:20px}}@media (max-width:320px){.SectionTitle h1{font-size:25px}.Projects-desc p,.AbtMe p{font-size:18px}.Projects-img img{display:flex;height:200px;width:200px}.DefaultIcon img{display:flex;height:180px;width:180px}.Skills-Section img,.Contact-Section img{height:50px;width:47px;margin:13px 20px}.Btn button{width:150px;height:50px;font-size:12px;font-weight:800;background:#904e99;border:0px solid white;color:#fff}.Footer-Container{font-size:17px}}