@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap";*{scroll-behavior:smooth;margin:0;padding:0;font-family:Inter,sans-serif}body{background-color:#202020}.menubtn{display:none}.header{background-color:#0009;padding:20px;top:0;left:0;padding:1.2rem;width:100%;display:flex;z-index:2}.navbar{position:absolute;right:8%}.navbar a,.navbar-active a{font-size:1.5rem;color:#fff;margin-left:1.5rem;margin-right:1.5rem;text-decoration:none;transition:.2s ease-in-out;top:10%}#name,#namenone{font-size:1.5rem;color:#fff;font-weight:200;text-decoration:solid}#sname{color:#309597}.navbar a:hover,.navbar a.active{color:#309597;border-bottom:2px solid}.homediv{width:600px}p{margin-left:17%;color:#c0bebe;text-align:center;margin-top:10px;font-size:15px;margin-right:18%;font-weight:500;max-width:1000px}.image{margin-top:6%;text-align:center}.image img{position:relative;width:22vw;border-radius:50%;box-shadow:0 0 25px #04fffb;cursor:pointer;transition:.2s ease-in-out}.image img:hover{box-shadow:0 0 50px #04fffb}.h1name{color:#fff;margin-top:15px;text-align:center;font-size:3.4rem}.h1name span{color:#04fffb}.socialicons{text-align:center;justify-content:center;align-items:center;margin:50px auto auto}.socialicons a{font-size:2.2rem;margin-left:2.5rem;margin-right:2.5rem;color:#fff;background:transparent;transition:.3s ease-in-out}#leetcode{width:30px;height:30px}.socialicons a:hover{color:#04fffb;transition:.2s ease-in-out}.skills{margin-top:100px;justify-content:center;text-align:center;margin-bottom:30px}.skills h1,#projects{color:#fff;font-size:5.5rem;margin-bottom:38px}.skills img{display:inline;width:80px;margin-left:50px;margin-right:50px}.project-container{display:inline-flex;margin-top:20px;flex-wrap:wrap;margin-bottom:80px;justify-content:center;text-align:center}#projects{justify-content:center;text-align:center;margin-top:80px}@media (max-width:1000px){.menubtn{position:absolute;display:block;color:bisque;background:none;border:none;font-size:29px;right:30px;top:18px}.image{margin-top:15%}.image img{position:relative;width:50vw}.skills h1{color:#04fffb;font-size:3.6rem;justify-content:center;text-align:center;margin:auto}.skills{margin-top:100px;margin-bottom:20px}.skills img{display:inline-flex;flex-wrap:wrap;width:70px;margin:20px 10px auto}.project-container{margin:-20px auto 40px}#projects{color:#04fffb;font-size:3.6rem}.popup-overlay{background-color:#000;opacity:.8;position:absolute;width:100%;height:100%;top:0;left:0;z-index:1}.navbar{display:none}.navbar-active{position:relative;left:50%;display:inline-flex;z-index:2;text-align:left;flex-direction:column;margin-top:60px}.navbar-active a{font-size:2rem;color:#fff;text-decoration:none;transition:.2s ease-in-out}.navbar-active a:hover,.navbar-active a.active{color:#309597;border-bottom:1.5px solid}#name{display:block}#namenone{display:none}}.subcontainer{width:24rem;margin-left:20px;margin-right:20px;background-color:#eaeeee3f;text-align:center;border-radius:10px;margin-top:30px;transition:.15s ease-in-out}.subcontainer:hover{transform:scale(1.05);border:1px solid #82d2dd}.sub1{margin-top:15px;margin-bottom:20px}.subcontainer h3{font-size:24px;color:#c4e4ff}.subcontainer p{text-align:center}.socialicons1{margin-top:20px;text-align:center}.socialicons1 a{justify-content:center;font-size:2.2rem;margin:2.8rem;color:#e6a3bcfc;align-items:center;background:transparent;transition:.3s ease-in-out}#link{font-size:2rem}@media (max-width:650px){.subcontainer{width:20rem;margin:30px auto auto;background-color:#eaeeee3f;text-align:center;border-radius:10px}}