*{padding:0;margin:0;font-family:Times New Roman,Times,serif;font-style:italic;color:#dbc2a6}body{background-color:#dbc2a6;border-radius:10px}.navbar{justify-content:center;margin-left:12px;margin-top:12px;height:70px;width:98%;background-color:#414a37;display:flex;align-items:center;border-radius:10px}.tabs{margin-right:40px;height:fit-content;width:fit-content;font-size:large}nav a{text-decoration:none}nav a :hover{transition-duration:1.5s;font-size:larger;font-weight:550;transform:translateY(-4px)}nav{display:flex;margin-left:500px}.logo{height:fit-content;font-weight:500;width:fit-content;margin-left:20px}.logo :hover{transition-duration:1.5s;cursor:pointer;transform:translateY(-4px)}.homeHeroSection{display:grid;grid-template-columns:500px 300px 420px;grid-template-rows:auto auto;gap:12px}.sloganAndName{grid-column:1;grid-row:1;height:330px;width:500px;font-size:35px;font-style:italic;font-weight:600;margin-top:12px;margin-left:12px;background-color:#414a37;border-radius:10px;display:flex;justify-content:center;transition-duration:3s}.sloganAndName h1{margin-top:100px;font-size:35px;font-style:italic;font-weight:500;width:fit-content;height:fit-content;transition-duration:3s}.name{height:fit-content;width:fit-content;font-size:50px;font-weight:600}.sloganAndName :hover{font-size:65px;font-weight:800;cursor:pointer;transition-duration:3s}.profilePic{height:330px;width:300px;margin-top:12px;margin-left:12px;background-color:#414a37;border-radius:10px;overflow:hidden;display:flex;align-items:center;grid-column:2;grid-row:1 / span 2;justify-content:center;box-shadow:0 4px 10px #0000004d;transition:transform .3s ease,box-shadow .3s ease}.profilePic img{height:100%;width:100%;object-fit:cover;border-radius:10px;display:block;transition:transform .4s ease;transition-duration:2s}.profilePic:hover img{transform:scale(1.4)}.profilePic:hover{box-shadow:0 6px 20px #00000080;transform:translateY(-5px)}.workSection{height:400px;width:420px;margin-top:12px;margin-left:12px;background-color:#414a37;border-radius:10px;justify-content:center;grid-column:3;grid-row:1 / span 2}.workSectionPicDiv{height:200px;width:380px;overflow:hidden;margin-top:12px;margin-left:18.5px;padding-top:16px;box-shadow:0 4px 10px #0000004d;transition:transform .3s ease,box-shadow .3s ease}.workSectionPicDiv img{height:100%;width:100%;object-fit:cover;border-radius:10px;transition:transform .4s ease;transition-duration:2s}.workSectionPicDiv :hover{transform:scale(1.7)}.workSection p{margin-top:12px;margin-left:12px;margin-bottom:12px;transition-duration:2s}.workSection p :hover{font-size:large;cursor:pointer}.slogon{grid-column:1;grid-row:2;height:140px;width:450px;background-color:#414a37;margin-top:-66px;margin-left:12px;border-radius:10px;display:flex;justify-content:center;align-items:center;font-size:20px;transition-duration:3s}.slogon :hover{font-size:22px;cursor:pointer;transition-duration:3s}.slogon p{margin:10px 10px 10px 20px}.homeContactDiv{height:140px;width:350px;background-color:#414a37;margin-left:-350px;margin-top:-65px;border-radius:10px;font-size:xx-large;display:flex;justify-content:center;align-items:center}.homeContactDiv :hover{font-size:40px;transition-duration:3s}.homeContactDiv p{padding-right:22px}.socialMediaIconDiv{height:78px;width:420px;border-radius:10px;background-color:#414a37;margin-left:835px;margin-top:-90px;font-size:xx-large;display:flex;justify-content:space-evenly;align-items:center}.socialMediaIconDiv :hover{font-size:40px}.aboutHeroSection{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px;margin:20px}.aboutCard{background-color:#414a37;color:#dbc2a6;padding:20px;font-size:18px;border-radius:10px;height:auto;min-height:200px;display:flex;flex-direction:column;justify-content:flex-start;box-shadow:0 4px 10px #0000004d;transition:transform .3s ease,box-shadow .3s ease}.aboutCard:hover{transform:translateY(-5px);box-shadow:0 6px 20px #00000080}.aboutCard h1{margin-bottom:10px;color:#b99f84}.aboutCard ul{padding-left:20px}.aboutCard li{margin-bottom:8px}.whatIDo,.languages{background-color:#99744a}.whatIDo h1,.languages h1,.whatIDo p,.languages p,.whatIDo b,.languages b{color:#414a37;font-weight:600}.projectsHeroSection{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:20px;margin:20px}.projectCard{background-color:#414a37;color:#dbc2a6;padding:20px;border-radius:10px;min-height:400px;display:flex;flex-direction:column;justify-content:flex-start;box-shadow:0 4px 10px #0000004d;transition:transform .3s ease,box-shadow .3s ease}.projectCard:hover{transform:translateY(-5px);box-shadow:0 6px 20px #00000080}.projectCard h1{margin-bottom:20px;color:#b99f84}.projectCard ul{padding-left:20px;margin-top:10px}.projectCard li{margin-bottom:8px}.skillsHeroSection{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:20px;margin:20px}.skillCard{background-color:#414a37;color:#b99f84;padding:20px;border-radius:10px;min-height:220px;display:flex;font-size:large;flex-direction:column;justify-content:flex-start;box-shadow:0 4px 10px #0000004d;transition:transform .3s ease,box-shadow .3s ease}.skillCard:hover{transform:translateY(-5px);box-shadow:0 6px 20px #00000080}.skillCard h1{margin-bottom:10px;color:#b99f84}.skillCard ul{padding-left:20px;margin-top:10px}.skillCard li{margin-bottom:8px}.experienceHeroSection{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:20px;margin:20px}.experienceCard{background-color:#414a37;color:#dbc2a6;padding:20px;border-radius:10px;min-height:400px;display:flex;font-size:large;flex-direction:column;justify-content:flex-start;box-shadow:0 4px 10px #0000004d;transition:transform .3s ease,box-shadow .3s ease}.experienceCard:hover{transform:translateY(-5px);box-shadow:0 6px 20px #00000080}.experienceCard h1{margin-bottom:10px;color:#fff}.contactHeroSection{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:20px;margin:20px}.contactCard{background-color:#414a37;color:#dbc2a6;padding:20px;border-radius:10px;box-shadow:0 4px 10px #0000004d;transition:transform .3s ease,box-shadow .3s ease}.contactCard:hover{transform:translateY(-5px);box-shadow:0 6px 20px #00000080}.contactCard h1{margin-bottom:15px;color:#b99f84}.contactForm{display:flex;flex-direction:column;gap:12px}.contactForm input,.contactForm textarea{padding:10px;border:none;border-radius:6px;outline:none;font-size:14px;background:#414a37;color:#b99f84}.contactForm input::placeholder,.contactForm textarea::placeholder{color:#b99f84}.contactForm button{background-color:#dbc2a6;color:#2c2c2c;padding:12px;border:none;border-radius:6px;cursor:pointer;font-weight:700;transition:background .3s ease}.contactForm button:hover{background-color:#414a37;color:#b99f84}.distance{margin-left:50px}.brown{background-color:#99744a}.brown h1,.brown b,.brown p,.brown li{color:#414a37}.brown p,.brown li{font-weight:800}.socialMediaIconLink{display:flex;justify-content:space-evenly;height:100px;width:400px;margin-left:85px;font-size:40px}.socialMediaIconLink :hover{transition-duration:2s;font-size:60px}.rightsFooter{justify-content:center;margin-left:12px;height:70px;width:98%;background-color:#414a37;display:flex;align-items:center;border-radius:10px}@keyframes slideFromTop{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideFromBottom{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.navbar{animation:slideFromTop 1s ease forwards}footer{animation:slideFromBottom 1s ease forwards}.sloganAndName{animation:slideFromLeft 1s ease forwards;animation-delay:.2s;opacity:0}.profilePic{animation:slideFromBottom 1s ease forwards;animation-delay:.4s;opacity:0}.workSection{animation:slideFromRight 1s ease forwards;animation-delay:.6s;opacity:0}.slogon{animation:slideFromLeft 1s ease forwards;animation-delay:.8s;opacity:0}.homeContactDiv{animation:slideFromRight 1s ease forwards;animation-delay:1s;opacity:0}.socialMediaIconDiv{animation:slideFromBottom 1s ease forwards;animation-delay:1.2s;opacity:0}.aboutHeroSection{opacity:0;animation:fadeIn .5s ease forwards;animation-delay:.1s}.aboutCard{opacity:0;transform:translateY(50px);animation:slideUp 1s ease forwards}.aboutCard:nth-child(odd){animation:slideFromLeft 1s ease forwards}.aboutCard:nth-child(2n){animation:slideFromRight 1s ease forwards}.aboutCard:nth-child(1){animation-delay:.2s}.aboutCard:nth-child(2){animation-delay:.4s}.aboutCard:nth-child(3){animation-delay:.6s}.aboutCard:nth-child(4){animation-delay:.8s}.aboutCard:nth-child(5){animation-delay:1s}.skillsHeroSection,.projectsHeroSection,.experienceHeroSection,.contactHeroSection{opacity:0;animation:fadeIn .6s ease forwards;animation-delay:.1s}.skillCard,.projectCard,.experienceCard,.contactCard{opacity:0;transform:translateY(50px);animation:slideUp .8s ease forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideFromLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideFromRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.skillCard:nth-child(odd){animation:slideFromLeft 1s ease forwards}.skillCard:nth-child(2n){animation:slideFromRight 1s ease forwards}.skillCard:nth-child(1){animation-delay:.2s}.skillCard:nth-child(2){animation-delay:.4s}.skillCard:nth-child(3){animation-delay:.6s}.skillCard:nth-child(4){animation-delay:.8s}.skillCard:nth-child(5){animation-delay:1s}.projectCard:nth-child(1){animation:slideFromLeft 1s ease forwards;animation-delay:.2s}.projectCard:nth-child(2){animation:slideFromBottom 1s ease forwards;animation-delay:.4s}.projectCard:nth-child(3){animation:slideFromRight 1s ease forwards;animation-delay:.6s}.experienceCard:nth-child(1){animation:slideFromLeft 1s ease forwards;animation-delay:.2s}.experienceCard:nth-child(2){animation:slideFromRight 1s ease forwards;animation-delay:.4s}.experienceCard:nth-child(3){animation:slideFromBottom 1s ease forwards;animation-delay:.6s}.contactCard:nth-child(1){animation:slideFromLeft 1s ease forwards;animation-delay:.2s}.contactCard:nth-child(2){animation:slideFromRight 1s ease forwards;animation-delay:.4s}.contactForm input,.contactForm textarea,.contactForm button{opacity:0;transform:translateY(20px);animation:slideUp .6s ease forwards}.contactForm input:nth-child(1){animation-delay:.6s}.contactForm input:nth-child(2){animation-delay:.8s}.contactForm input:nth-child(3){animation-delay:1s}.contactForm textarea{animation-delay:1.2s}.contactForm button{animation-delay:1.4s}