.navbar{width:100%;display:flex;align-items:center;justify-content:space-between;background-color:#292727;padding:15px 7%;transition:.5s;color:#fff}.logo{margin-left:3.5rem;width:4.5rem;cursor:pointer}.navbar-icons{list-style:none;display:flex;padding-left:6rem}.icons{margin:0 1.5rem;font-size:1.7rem}.icons:hover{cursor:pointer}a{text-decoration:none;color:#fff}.icons a:after{content:"";display:block;height:.2rem;width:0%;background:#fff;transition:width .3s ease}.icons a:hover:after{width:100%}.heading{display:flex;justify-content:center;align-items:center;padding-top:15rem;font-size:3rem;font-weight:700}.type-effect-text{display:flex;justify-content:center;padding-top:1.5rem;font-size:2.8rem;color:#000}.type-effect-text span{margin-left:1rem;font-weight:700}.links{flex:1;list-style:none;text-align:center}.icon-button{margin-top:4rem;margin-right:1.7rem;padding:.8rem 1.2rem;font-size:2rem;border:solid black;border-radius:10rem;border-width:.3rem;cursor:pointer;background-color:#fff}.dark h1,.dark h2,.dark p{color:#fff}.logo1{width:4rem;margin:.5rem}.logo2{margin:.4rem;width:4.5rem}.logo3{margin:.9rem;width:4.7rem}.textAbout{display:flex;justify-content:center;align-items:center;padding:5rem;font-size:5rem;font-weight:700}.About-container{display:flex;align-items:center}.text{font-size:1.7rem;padding:0rem 10rem 20rem 6rem}.about-img{width:40rem;padding-right:6rem;padding-top:3rem;padding-bottom:20rem}.text-skills{display:flex;justify-content:center;align-items:center;padding:5rem;font-size:5rem;font-weight:700}.main-cont{padding-bottom:10rem}h3{text-align:center;font-size:2rem;font-weight:lighter}.taghead{text-align:center;margin-top:3rem;font-size:2rem;font-weight:light}.imgCont1{display:flex;justify-content:center;align-items:center}.icon{width:5rem;margin:1rem 2rem 0rem}.tags{display:flex;justify-content:center;align-items:center}.tag{font-size:1.8rem;font-weight:lighter;margin:0rem 1.8rem}*{margin:0;padding:0;box-sizing:border-box}.timeline{position:relative;max-width:90rem;margin:4rem auto}.timeline-head{text-align:left}.timeline-cont{padding:6.7rem 4rem;position:relative;width:50%}.text-box{padding:1.7rem 3rem;background:beige;position:relative;border-radius:.4rem;font-size:1rem}.timeline-text{text-align:left;margin-left:.1rem}.timeline-text1{margin-left:0;margin-bottom:1rem}.leftCont{left:0}.rightCont{left:50%}.timeline-logo{position:absolute;width:10%;right:-2.2rem;top:9.3rem;z-index:10}.rightCont .timeline-logo{left:-2.1rem;width:9%}.timeline:after{content:"";position:absolute;width:.25rem;height:90%;background:#000;top:0;left:50%;margin-left:-.2rem;z-index:-1;margin-top:7rem}.text-box h2{font-weight:600;margin-bottom:2rem;margin-top:0rem}.leftContArrow{height:0;width:0;position:absolute;top:3rem;z-index:1;border-top:2rem solid transparent;border-bottom:2rem solid transparent;border-left:2rem solid beige;right:-1rem}.rightContArrow{height:0;width:0;position:absolute;top:3rem;z-index:1;border-top:2rem solid transparent;border-bottom:2rem solid transparent;border-right:2rem solid beige;left:-1rem}.text-ed{display:flex;justify-content:center;align-items:center;padding:0;font-size:5rem;font-weight:700}.exp-head{display:flex;justify-content:center;align-items:center;padding:2rem;font-size:5rem;font-weight:700}.pos{text-align:left;font-weight:700;padding-bottom:1.2rem;font-size:3rem}.time{padding-left:31.3rem;padding-top:6.8rem;position:relative;width:50%;left:0;flex:1}.exp-cont{padding-right:50rem;padding-top:7rem;position:relative;width:50%;left:10%;flex:3}.exp-container{display:flex;align-items:flex-start;gap:1.2rem}.experience-main:after{content:"";position:absolute;width:.2rem;height:100%;background:#000;top:12rem;left:40%;margin-left:-.2rem;z-index:-1;margin-top:7rem}.pTime{padding:1.5rem 1rem 1.5rem .7rem;background:#1d618b;position:relative;font-size:1rem;font-weight:700;color:#fff}.arrow{height:1rem;width:.8rem;position:absolute;top:8rem;z-index:1;border-top:1rem solid transparent;border-bottom:1rem solid transparent;border-left:1rem solid rgb(29,97,139);right:-1rem}.company{font-weight:700;font-size:1.8rem;margin-bottom:1rem}.work{font-size:1.3rem;padding-bottom:1.6rem;padding-left:1rem}.exp-logo{position:absolute;width:2%;border-radius:50%;left:-6.6rem;top:8.2rem;z-index:10}.head{display:flex;justify-content:center;align-items:center;padding:10rem;font-size:5rem;font-weight:700}*{margin:0;padding:0;box-sizing:border-box;font-family:sans-serif}.container{background-color:#fff;transition:.5s}.container.dark{background-color:#333}