@import"https://fonts.googleapis.com/css2?family=Poppins&family=Onest&display=swap";*{margin:0;padding:0;box-sizing:border-box;scrollbar-color:blue black}*::selection{background-color:transparent(rgb(93,133,209));text-shadow:2px 3px 15px blue inset;color:#fff}body{background-color:#000;width:90vw;margin:auto}#navBar{display:flex;flex-direction:row;gap:min(20rem,70%);width:calc(100% - 15vw);height:10vh;margin:2rem auto;background-color:#000;align-content:center}#navBar ul{margin-left:2rem;margin-top:1rem;width:50%;display:flex;flex-direction:row;justify-content:space-evenly;gap:1.5rem}#navBar ul li:first-child a{color:#2424b7}#navBar ul li a{gap:20px;color:#fff;text-decoration:none;list-style:none;font-size:1.5rem;font-family:Poppins,sans-serif;font-weight:700}#navBar ul li a:hover{color:#2424b7}@property --angle{syntax: "<angle>"; inherits: false; initial-value: 0deg;}@keyframes gradientBox{0%{--angle:0deg}to{--angle:360deg}}.heroSection{width:90vw;height:auto;background-color:#000;position:relative;z-index:7;margin:1rem auto 5rem;display:flex;flex-direction:row;place-content:center}.heroSection .personalDetails{padding:4rem;color:#fff;background-color:transparent!important;text-shadow:2px 2px 5px black;font-family:Poppins,sans-serif;width:40%}.heroSection .personalDetails p{font-size:1.2rem;text-align:left}.heroSection .personalDetails h1{color:#2424b7;font-size:4rem;font-family:Onest,sans-serif}.heroSection .personalDetails h3{margin-left:35px;position:relative}.heroSection .personalDetails h3:after{content:"";width:20px;height:3px;background-color:red!important;position:absolute;top:50%;left:-15px;transform:translate(-50%,-50%)}.heroSection .ownerImage{width:50%;display:flex;justify-content:center;align-items:center;position:relative;object-fit:cover}.heroSection .ownerImage .imageBox{object-fit:contain;--angle: 0deg;width:400px;height:400px;background-color:#fff;margin:2px;border-radius:10%;position:relative;transition:transform 3s linear -.2s;animation:gradient 5s all 3slinear 0 0%,0 2.27%,.02 4.53%,.04 6.8%,.06 9.07%,.1 11.33%,.14 13.6%,.25 18.15%,.39 22.7%,.56 27.25%,.77 31.8%,1 36.35%,.89 40.9%,.85 43.18%,.81 45.45%,.79 47.72%,.77 50%,.75 52.27%,.75 54.55%,.75 56.82%,.77 59.1%,.79 61.38%,.81 63.65%,.85 65.93%,.89 68.2%,1 72.7%,.97 74.98%,.95 77.25%,.94 79.53%,.94 81.8%,.94 84.08%,.95 86.35%,.97 88.63%,1 90.9%,.99 93.18%,.98 95.45%,.99 97.73%,1 100% .2s .2s 1 normal;transform:translate(0)}@keyframes gradient{0%{transform:translate(600px)}50%{transform:translate(100px)}}.heroSection .ownerImage .imageBox:after{width:100%;height:100%;border-radius:10%;background-color:transparent;background-image:conic-gradient(from var(--angle),transparent 3%,hsl(240,87%,18%));content:" ";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:-6;padding:.4rem;margin:.3;animation:gradientBox 4s linear .2s infinite normal}.heroSection .ownerImage .imageBox img{width:100%;height:100%;filter:grayscale(100%);border-radius:10%;z-index:1;transition:all 3s linear .2s}.heroSection .ownerImage .imageBox img:hover{transform:translate(0 0 13px)}.heroSection button{background-color:#2115d1;border:none;color:#fff;padding:10px 15px;margin:1rem;border-radius:.6rem;font-size:1.7rem;font-font-family:"Poppins",sans-serif;font-weight:700}.heroSection button:hover{background-color:#130b89}.careerDetails{--myPercentage: 0%;width:90vw;height:20rem;margin:1rem auto;position:relative;overflow:hidden}.careerDetails .techStackHeading{color:#2424b7;font-size:2.3rem;font-weight:700;font-family:Poppins,sans-serif;text-align:center}.careerDetails .knowledge{--width: -800px;display:flex;flex-flow:row nowrap;position:absolute;transform:translate(var(--width));transition:transform 10s linear .3s;animation-name:movement;animation-duration:30s;animation-timing-function:linear;animation-delay:.3s;animation-iteration-count:infinite;animation-direction:normal}@property --width{.careerDetails .knowledge {syntax: "<length>"; initial-value: -800px; inherits: false;}}@keyframes movement{0%{transform:translate(-700px)}to{transform:translate(1300px)}}.careerDetails .knowledge .lang img{width:100px;border-radius:1rem;padding:.5rem;image-rendering:optimizeQuality}.careerDetails .knowledge .lang p{color:#fff;font-size:1.2rem;font-family:Poppins,sans-serif;font-weight:600;text-align:center}.footerContainer{width:90vw;margin:2rem auto;display:grid;grid-template-columns:repeat(2,1fr)}.footerContainer .getInTouch{grid-column:1/2;grid-row:1/2;display:flex;flex-direction:column;width:80%;margin:2rem auto}.footerContainer .getInTouch .imageTile{display:flex;flex-flow:row nowrap}.footerContainer .getInTouch .imageTile .profileContainer{position:relative}.footerContainer .getInTouch .imageTile .profileContainer img{width:100px;border-radius:50%;padding:5px}.footerContainer .getInTouch .imageTile .ownerName h4{color:#2424b7;padding:10px 15px;position:absolute;margin-top:13px;font-size:2.3rem;font-family:Poppins,sans-serif;font-weight:800}.footerContainer .getInTouch .text{padding:3px 7px;text-align:left;color:#fff;font-size:1rem;font-family:Poppins,sans-serif;font-weight:500}.footerContainer .getInTouch .btnAndSocials{display:flex;flex-flow:row nowrap;gap:2rem}.footerContainer .getInTouch .btnAndSocials .getInTouchBtn button{margin:auto 10px;background-color:#2424b7;color:#fff;padding:10px 15px;font-size:1.3rem;font-family:Poppins,sans-serif;border-radius:.5rem;border:none;transition:background-color .3s linear 1ms}.footerContainer .getInTouch .btnAndSocials .getInTouchBtn button:hover{background-color:#3737d7}.footerContainer .getInTouch .btnAndSocials .getInTouchBtn button:active{background-color:#fff}.footerContainer .getInTouch .btnAndSocials .socialMedia{width:40%;display:flex}.footerContainer .getInTouch .btnAndSocials .socialMedia a{padding:10px;font-size:2rem;color:#fff;transition:color .3s linear 1ms}.footerContainer .getInTouch .btnAndSocials .socialMedia a:hover{color:#2424b7;text-shadow:2px 3px 5px black}.footerContainer .contacts{grid-column:2/3;grid-row:1/2;color:#fff;font-size:1rem;display:flex;flex-flow:column wrap}.footerContainer .contacts h3{color:#2424b7;text-align:left;font-size:2rem;font-family:Poppins,sans-serif;font-weight:700}.footerContainer .contacts .gmail{padding:10px 15px}.footerContainer .contacts .gmail h5{color:#2424b7;font-size:1rem;font-family:Poppins,sans-serif}.footerContainer .contacts .gmail p{font-family:Poppins,sans-serif;font-size:1.2rem}.footerContainer .contacts .phoneNumber{padding:10px 15px}.footerContainer .contacts .phoneNumber p{font-family:Poppins,sans-serif;font-size:1.2rem}.footerContainer .contacts .phoneNumber h5{color:#2424b7;font-size:1rem;font-family:Poppins,sans-serif}.footerContainer .contacts .address{padding:10px 15px}.footerContainer .contacts .address h5{color:#2424b7;font-size:1rem;font-family:Poppins,sans-serif}.footerContainer .contacts .address address{font-size:1.2rem}.footerContainer .copyright{grid-column:1/3;grid-row:2/3}.footerContainer .copyright p{color:#fff;font-size:1.2rem;padding:10px 15px;text-align:center}.footerContainer .copyright p span{color:#2424b7;font-family:Poppins,sans-serif;font-size:1.2rem}