@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@100;700&display=swap";:root{background-color:#000;text-align:center;position:static;color:#fff;font-family:Montserrat;scroll-behavior:smooth}.dark-mode{background-color:#000;color:#fff}strong{font-weight:1200}@Keyframes fadeIn{0%{opacity:0}to{opacity:1}}@Keyframes appear{0%{opacity:0;scale:.5}70%{opacity:1;scale:1}}@Keyframes appear3{0%{opacity:0;scale:.5}40%{opacity:1;scale:1}}@Keyframes appear2{0%{opacity:0;scale:.5}20%{opacity:1;scale:1}}@keyframes slideIn{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}.Intro{width:1200px;height:900px;padding-top:250px;margin:0 auto;text-align:left;display:flex;flex-direction:column;justify-content:left;align-items:left;animation-name:fadeIn;animation-duration:3s}.Hi{font-size:20px}.Name{font-size:100px;font-weight:1000;display:flex}@keyframes bottomToTop{0%{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes topToBottom{0%{transform:translateY(-100px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes blacktowhite{0%{background-color:#000;color:#fff}to{background-color:#fff;color:#000}}.FirstName{animation-name:bottomToTop;animation-duration:1s}.LastName{animation-name:topToBottom;animation-duration:1s}.pfp{position:absolute;left:50px;top:30px;border-radius:700px}.Slogan{font-size:20px}.SocialMedia{width:300px;margin:0 auto;grid-template-columns:repeat(3,1fr);display:grid;justify-content:center;align-items:center;transition:all .5s ease}.Navbar{display:flex;animation-name:fadeIn;animation-duration:3s;margin-top:50px}a{text-decoration:none;color:inherit}a:visited{text-decoration:none}.CV{position:absolute;right:50px;border:2px solid white;border-radius:50px;padding:15px;background-color:#fff;color:#000;font-weight:700;transition:ease .3s;font-family:Montserrat}.CV:hover{transform:scale(1.05)}.LinkedIn,.Instagram,.Github{margin-right:100px}.AboutMe{margin-top:90px;font-size:30px;margin-bottom:250px}.Location{position:absolute;padding-left:20px;font-size:20px;top:910px}.Title{font-size:100px;font-weight:1000;margin-bottom:500px;animation-name:appear;animation-duration:1s;animation-timeline:view()}.Secondtitle{font-size:100px;font-weight:1000;margin-bottom:100px;animation-name:appear;animation-duration:1s;animation-timeline:view()}.Passion{width:1200px;height:1200px;font-size:30px;margin:0 auto 800px}.CyberSecurityTitle{font-size:50px;font-weight:1000}.Apps{display:flex;margin:0 auto 100px;justify-content:center;align-items:center;animation-name:appear3;animation-duration:1s;animation-timeline:view()}.Apps2{display:flex;margin:0 auto 100px;justify-content:center;align-items:bottom}.App{margin-right:50px;padding-top:30px;transition:transform .3s ease;animation-name:appear3;animation-duration:1s;animation-timeline:view()}.App:hover{transform:scale(1.05)}.App2{margin-right:50px;transition:transform .3s ease}.App2:hover{transform:scale(1.5)}.Thirdtitle{font-size:100px;font-weight:1000;padding-bottom:100px;padding-top:500px}.FourthTitle{font-size:100px;font-weight:1000;padding-bottom:100px}.ExperienceDescription{font-size:20px;width:1200px;margin:0 auto 800px;text-align:left}.Experience{border:2px solid white;-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);background:#0006;border-radius:50px;margin:0 auto 100px;width:1100px;height:200px;padding:100px;transition:background-color 1s,color 1s,transform .3s ease;animation-name:appear;animation-duration:1s;animation-timeline:view()}.ProjectGrid{display:flex;gap:130px;width:1200px;overflow-x:auto;overflow-y:hidden;grid-template-columns:repeat(3,1fr);border:2px solid white;border-radius:50px;margin:0 auto;padding:50px;justify-items:center;transition:background-color 1s,color 1s,transform .3s ease;animation-name:appear2;animation-duration:1s;animation-timeline:view();position:relative;scroll-behavior:smooth}.ScrollRight{font-size:30px;margin-bottom:40px}.Project{width:300px;-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);background:#0006;transition:background-color 1s,color .3s,transform .1s ease;flex-shrink:0;border:1px solid white;background-clip:padding-box,border-box}.ProjectTitle{padding:20px;width:100%;height:40%;font-size:30px;font-weight:700;margin-bottom:30px;box-sizing:border-box;display:flex;justify-content:center;align-items:center}.ProjectDescription{white-space:wrap;margin:40px}.typingImage{animation-name:appear2;animation-duration:1s;animation-timeline:view()}.Project:hover{background-color:#fff;color:#000}.ExperienceTitle{font-size:40px;width:1200px;margin:0 auto;text-align:left}.ExperienceDescription{width:1100px;margin-right:700px}.ExperienceDate{font-size:20px;width:1200px;margin:0 auto;text-align:left}.background{background-color:#000;z-index:-1;animation:fadeIn 2s ease-in-out}