.container{display:flex;margin:4% 5%;justify-content:space-between;justify-content:center;width:90%;gap:10px}.profile{display:flex;flex-direction:column;align-items:center;width:300px;height:600px;background-color:#1f2020;border:1px solid rgb(67,67,67);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;border-radius:5px;color:#f0f8ff;padding:10px;gap:5px}.myname{display:flex;justify-content:center;align-items:center}.profile .DP{width:250px;height:250px;overflow:hidden;object-fit:cover;border-radius:50%;border:5px solid rgb(18,17,17);box-shadow:#00000040 0 54px 55px,#0000001f 0 -12px 30px,#0000001f 0 4px 6px,#0000002b 0 12px 13px,#00000017 0 -3px 5px}.profile h3{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:25px}.profile h2{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(90deg,#e44616 17%,#dde768 47%,#26cb3c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.location{display:flex;margin-top:2%;align-items:center;gap:15px;width:100%;overflow:hidden}.title1{display:flex;flex-direction:column}.data{font-size:15px}.title1 .holder{font-size:11px;color:#406d6d}.pinbutton{background-color:#2c2e2e;padding:5px;border:none;height:40px;width:40px;border-radius:50%;display:flex;justify-content:center;align-items:center}.pin{width:20px;height:20px}.socialmedia{margin-top:15%;display:flex;width:100%;align-items:center;justify-content:center;gap:20px}.socialmedia button{padding:5px;width:50px;height:50px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;background-color:#2c2e2e;border:1px solid rgb(39,96,32);cursor:pointer}#sm{width:25px;height:25px}.pages{width:73%}@media (max-width: 780px){.container{flex-wrap:wrap}.pages{width:100%}@media (max-width: 500px){.profile{width:100%}}}@media (max-width: 780px){.profile{display:flex;width:100%;justify-content:space-between;justify-content:left}}.about{width:100%;height:100%;display:flex;flex-direction:column;background-color:#1f2020;border-radius:5px;color:#f0f8ff;padding:10px;border:1px solid rgb(67,67,67);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}p{color:#a9b0b7;margin-top:10px}.actions{display:flex;justify-content:space-between;margin-top:20px;flex-wrap:wrap;justify-content:center;align-items:center;gap:20px}.card{width:380px;height:130px;background-color:#2c2e2e;border-radius:5px;display:flex;padding:10px;justify-content:space-between;gap:10px;justify-content:center;align-items:center}.card .caption{display:flex;flex-direction:column}.caption label{color:#a9b0b7}.card .image{width:80px;height:80px}h2{margin-top:5%}.ContactForm label,h1{color:#f0f8ff}.ContactForm{padding:10px;width:100%;height:100%;display:flex;gap:10px;justify-content:center;justify-content:space-between}.contactPage{display:flex;justify-content:center;flex-direction:column;align-items:center;padding:10px;width:100%;height:100%;background-color:#212323;border-radius:5px;border:1px solid rgb(77,76,76)}.div-1,.div-2{display:flex;flex-direction:column;width:50%}.div-1 input{background-color:#212323;padding:5px;height:40px;border:1px solid rgb(24,82,73);outline:none;border-radius:5px;color:#f0f8ff;margin-top:15px;margin-bottom:15px;font-family:Times New Roman,Times,serif}.div-2 #text{background-color:#212323;width:100%;padding:5px;height:100px;border:1px solid rgb(24,82,73);outline:none;border-radius:5px;color:#f0f8ff;margin-top:15px;margin-bottom:15px}.div-2{display:flex;align-items:center}.div-2 button{margin-top:20px;width:150px;height:40px;background-color:#228a69;border:none;border-radius:10px;padding:5px;font-size:20px;font-weight:700;cursor:pointer;font-family:Times New Roman,Times,serif}.div-2 button:hover{background-color:#144d3a;color:#f0f8ff;box-shadow:#00000059 0 5px 15px;transform:scale(103%)}@media (max-width: 500px){.ContactForm{padding:10px;display:flex;flex-direction:column;align-items:center}.div-1,.div-2{width:100%}h1{margin:5px}}.NavBar{background-color:#2c2e2e;margin-top:3%;margin-left:5%;margin-right:5%;border-radius:15px;border:1px solid rgb(67,67,67);display:flex;justify-content:space-between;padding:15px;color:#f0f8ff}.bar1,.bar2{display:flex;justify-content:center;align-items:center}.bar2{gap:25px;margin-right:5%}.bar2 button{background-color:#2c2e2e;padding:5px;font-family:Times New Roman,Times,serif;font-size:20px;color:#f0f8ff;border:none;cursor:pointer}@media (max-width: 500px){.NavBar .bar1{display:none}.NavBar .bar2{margin-left:13%}.NavBar .bar2{margin-left:5%;gap:15px}.NavBar{display:flex;justify-content:center;align-items:center}}.NavBar .bar2 button.active{color:#38aab9}.NavBar .bar2 button:hover{color:#39d1e6}.resume{width:100%;height:100%;display:flex;flex-direction:column;background-color:#1f2020;border-radius:5px;color:#f0f8ff;padding:20px;border:1px solid rgb(67,67,67);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.line{width:80px;height:5px;background:#e44616;background:linear-gradient(90deg,#e44616 17%,#dde768 47%,#26cb3c);border-radius:5px}.head1{display:flex;align-items:center;text-align:center;gap:10px}.degree{width:50px;position:relative}.calender{width:20px;height:20px}.timeline{display:flex;justify-content:center;align-items:center}.timeline-item .box{border-left:1px solid #0ef}.box .t-content{padding-left:30px;position:relative;cursor:pointer}.box .t-content .content{transition-duration:.3s}.box .t-content .content:hover{transform:scale(102%)}.box .t-content:before{content:"";position:absolute;width:20px;height:20px;border-radius:50%;top:0;left:-10.5px;background:#22c1c3;background:linear-gradient(0deg,#22c1c3,#fdbb2d);background-color:#d4931b}.timeline-content .content{padding:10px;border:2px solid rgb(19,58,48);border-radius:5px;margin-bottom:10px;cursor:pointer}.projects{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;justify-content:center;gap:20px}.projects .projectCard{padding:10px;border:1px solid gold;border-radius:5px;display:flex;flex-direction:column;width:350px;height:200px;justify-content:center;align-items:center}.projectCard button{padding:5px;margin-top:10px;border-radius:5px;border:1px solid rgb(38,111,23);background-color:#313434;color:#f0f8ff;cursor:pointer}.Tech-skills{display:flex;gap:30px;flex-wrap:wrap;justify-content:center;align-items:center}.skill{padding:10px;display:flex;background-color:#2d2f30;width:250px;height:100px;justify-content:center;align-items:center;border-radius:10px;gap:20px;border:1px solid rgb(100,100,103)}.skillimage{width:60px;height:60px}.skillsAchieved{display:flex;justify-content:center;flex-direction:column;margin-left:5%;gap:30px}.sa-skills{display:flex;flex-wrap:wrap;align-items:center;gap:20px}.sa-skill{width:40px;height:40px;border-radius:50%;background-color:#444e4f;padding:5px}.leet-level{width:200px;height:15px;display:flex;justify-content:center;align-items:center;background-color:#0ef;border-radius:5px}.year{display:flex;gap:10px}.leet-level p{color:#000;font-size:8px;font-weight:700;margin-bottom:8px}.sa-skills button{padding:5px;background-color:#7fffd4;border-radius:5px;border:none;cursor:pointer;width:80px;height:30px}.popup{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;justify-content:center;align-items:center}.popup-content{background:#323131;padding:20px;border-radius:10px;width:80%;height:90%;position:relative}.close{position:absolute;top:10px;right:10px;font-size:24px;cursor:pointer}.download{display:flex;align-items:center;justify-content:center;margin-top:50px}.download a{text-decoration:none}.download button{display:flex;gap:5px;width:200px;height:40px;align-items:center;justify-content:center;font-family:Times New Roman,Times,serif;font-weight:700;border:none;border-radius:5px;padding:10px;background-color:#7fffd4;cursor:pointer}.Sc{display:flex;justify-content:center;align-items:center;margin-top:50px}.Sc button{padding:10px;width:200px;height:40px;background-color:#7fffd4;cursor:pointer;border:none;border-radius:5px;font-weight:700;display:flex;justify-content:center;align-items:center;gap:10px;font-size:15px;font-family:Times New Roman,Times,serif}.popup-content{overflow-y:scroll}.Sc button:hover{background-color:#45a082}.sc-icon{width:25px;height:25px}.download .down{width:20px;height:20px}.download button:hover{background-color:#3ea761}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;background-color:#191818}