@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";.Navbar{font-family:Poppins;margin:auto;align-items:center;justify-content:space-around;padding:7px;background:linear-gradient(to right,#369ba9,#017455b7,#001e15);color:#fff;position:sticky;top:0;z-index:1}.NavMenu{display:none}.Navbar h3{font-family:Poppins}.Navbar a{padding:5px 11px;font-weight:700;border-radius:1px}.Navbar a:hover{color:#ff0}.Navbar>div:first-child{align-items:center;justify-content:space-between}.Navbar img{width:35px;margin-right:11px;border-radius:50%}.PostNavBody{min-height:93.3vh;position:relative;background:url(/assets/pexels-tobiasbjorkli-1938351-CRjhHocm.jpg);background-position:center;background-size:100% 100%;background-repeat:no-repeat}.Details{color:#fff;font-size:1.75rem;font-family:Poppins;position:absolute;top:50%;left:30%;transform:translate(-50%,-50%);font-weight:600;padding:1rem}.Name span{font-size:3rem;font-weight:700;color:#fff1d6}.Details p{width:max-content}.Tech span{display:block;font-size:1.75rem;font-weight:600;color:#ff0;animation:typing 3s steps(35,end) infinite;width:0;overflow:hidden;border-right:2px solid red;white-space:nowrap}@keyframes typing{0%{width:0%}25%{width:50%}50%{width:100%}75%{width:50%}to{width:0%;padding-right:1rem}}.PostNavBody img{width:21%;position:absolute;top:50%;right:15%;transform:translate(10%,-50%);border-radius:50%;animation:updown 3s infinite}@keyframes updown{0%{top:50%}50%{top:53%}to{top:50%}}.About{padding:25px;font-family:Poppins}.Heading{font-size:25px;border-bottom:3px solid red;width:max-content;margin:auto auto 21px;color:red;font-family:Poppins;text-transform:uppercase;font-weight:700}.About>div{display:flex;margin:auto;align-items:center;justify-content:center;gap:2%}.About>div>div:last-child{width:50%;text-align:justify;box-shadow:#63636333 0 2px 8px;padding:11px 21px;border-radius:11px}.About img{width:175px;border-radius:11px;animation:updown 3s infinite}.Mern{width:max-content}.Mern span{animation:typing 3s steps(35,end) infinite;display:block;white-space:nowrap;overflow:hidden;border-right:2px solid green;color:red;font-weight:600;font-size:23px}.App .Skills{padding-block:2rem;font-family:Poppins;background:bisque;margin-top:1rem;color:#000}.SkillSec i{font-size:3.25rem;font-weight:700;margin-bottom:1rem}.SkillSec ul{list-style-type:none;margin-top:11px}.Skills>div{display:flex;margin:auto;justify-content:center;gap:3%}.SkillSec{text-align:center;padding:3%;border:2px solid red;background:#fafad2;border-radius:50% 0}.SkillSec li{margin-block-end:5px;text-align:left;font-weight:500;font-family:Poppins}.SkillSec:hover{cursor:pointer;background:beige;border-radius:0 50%}.SkillSec p{font-weight:700;text-decoration:underline}.TechStack{margin-top:21px}.Grid{grid-template-columns:repeat(4,1fr);width:65%;margin:auto;padding:1%;gap:11px}.Grid>div{margin:auto;text-align:center;font-weight:700;font-family:Poppins;padding:35px;border-radius:40% 25%;box-shadow:#a5cfff66 0 0 0 2px,#95c7ffa6 0 4px 6px -1px,#ffffff14 0 1px inset}.Grid>div:hover{border-radius:25% 40%;cursor:pointer}.Grid img{width:5rem;margin-bottom:17px;border-radius:50%}.Grid .NoRadius{border-radius:0}.App .Projects{margin-top:2rem;padding-block:1rem;background:#f5f5f5;color:#000}.Projects>div{display:flex;margin:auto;justify-content:space-around;width:65%;gap:3%}.Projects img{width:100%}.IndPro{padding:35px;box-shadow:#00000005 0 1px 3px,#1b1f2326 0 0 0 1px}.IndPro p{text-align:justify;font-family:Poppins}.IndPro>p:nth-child(2){text-align:center;margin-top:11px}.IndPro:hover{scale:1.01;cursor:pointer;background:#fff}.Buttons{margin:21px auto auto;display:flex;align-items:center;justify-content:space-around;font-family:Poppins}.Experience{margin-block:3rem;font-family:Poppins}.Experience div{width:70%;padding:2%;box-shadow:0 0 0 1px #6dff8a82;margin-left:5rem;position:relative;border-radius:3px 31px}.Experience div:hover{scale:1.005;cursor:pointer;border-radius:31px 3px}.JobDesc{list-style-type:square;margin-left:35px}.Description{text-decoration:underline}.CompanyLogo{width:111px;position:absolute;top:11%;right:11%}.App .Contact{font-family:Poppins;background-color:beige;padding-block:21px;padding-inline:5%;color:#000}.Contact ul{display:flex;margin:auto;flex-direction:column;width:75%}.Contact li{margin-block-end:.5rem;list-style-type:none;display:flex;align-items:center;gap:1rem}.Contact a:hover{color:red}.ThanksNote{background:linear-gradient(to right,red,#00f,green,orange);font-family:Poppins;font-size:1.5rem;font-weight:700;text-align:center;color:#fff;background-position:center;background-repeat:no-repeat;text-transform:capitalize;padding-block:.5rem}.ThanksNote p{padding:5px 1rem;width:max-content;margin:auto;box-shadow:#06182c66 0 0 0 2px,#06182ca6 0 4px 6px -1px,#ffffff14 0 1px inset}.Navbar a:hover{cursor:pointer;text-decoration:underline}.Navbar a.active{background:#f5f5f5;color:#000}.fa-moon{border:2px dashed white;padding:.5rem;border-radius:50%;cursor:pointer}.fa-moon:hover{border:2px dotted white}.dark-mode{background:#000;color:#fff}@media only screen and (min-width: 768px) and (max-width: 1199px){.Details{left:35%;font-size:1rem}.Navbar a{font-size:1rem}.Projects>div{flex-direction:column;gap:2rem}.Grid{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width: 767px){.Details{left:31%;font-size:1rem}.Projects>div{flex-direction:column;gap:2rem}.About>div{flex-direction:column;gap:2rem}.About>div>div:last-child{width:75%}#stats>div{width:30%;gap:1rem;flex-direction:column}.SkillSec{padding:1.5rem}.Name span{font-size:1.25rem}.NavMenu{display:block}.Grid{grid-template-columns:repeat(2,1fr)}}.NavMenu{color:#000}.NavMenu a:hover{color:red;text-decoration:none}