.LandingBody{border-top:2px solid;border-bottom:2px solid;border-radius:50px 0;margin-bottom:3rem}.Hero-body{display:flex;align-items:center;justify-content:space-between;min-height:500px}.HeroBtn{background-color:var(--coloraccent);display:inline-block;padding:1em;margin-right:10px;border:2px solid #333;border-bottom:5px solid;border-radius:5px;font-size:1rem;cursor:pointer;transition:background-color .3s,color .3s,box-shadow .3s}.HeroBtn:hover{background-color:#333;color:#fff;box-shadow:0 2px 0 rgba(0,0,0,.2);border-bottom:0}.HeroCV{display:inline-block;padding:1em;margin-right:10px;border:2px solid #333;border-bottom:5px solid;border-radius:5px;font-size:1rem;cursor:pointer;transition:background-color .3s,color .3s,box-shadow .3s}.HeroCV:hover{background-color:#333;color:#fff;box-shadow:0 2px 0 rgba(0,0,0,.2);border-bottom:0}.HeroImg{border-radius:30px 70px 30px 100px;min-width:350px;min-height:250px;max-width:350px;max-height:250px;object-fit:cover}.active-link{position:relative}.active-link:after{content:"";position:absolute;left:0;bottom:-2px;width:100%;height:3px;background-color:#ff6b6b;transition:width .3s ease-in-out,background-color .3s ease-in-out}.active-link:focus:after,.active-link:hover:after{width:calc(100% - 4px);background-color:#ff6b6b}.active-link:active:after{background-color:#ff6b6b}.social-links-container{position:relative;cursor:pointer}.social-links{position:absolute;top:calc(100%);left:50%;transform:translateX(-50%);display:none;padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.social-links-container:hover .social-links{display:block}.social-link{display:flex;align-items:center;margin-bottom:6px;color:#333;text-decoration:none}.social-link svg{margin-right:5px;margin-left:5px}.social-link:hover{color:#ff6b6b}.AboutBody{padding:50px}.AboutBody hr{border:none;border-top:2px solid #333;margin-bottom:30px}.AboutDes{max-width:500px}.AboutImg{min-width:250px;min-height:250px;max-width:250px;max-height:250px;object-fit:cover}.icon-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:20px;justify-items:center}.icon-grid .hover\:scale{transition:transform .3s ease-in-out}.icon-grid .hover\:scale:hover{transform:scale(1.4)}.ProjectBody{padding:50px}.ProjectBody h1{font-size:2.5rem;margin-bottom:20px}.ProjectBody hr{border:none;border-top:2px solid #333;margin-bottom:30px}.ProjectCard{display:flex;flex-direction:row;align-items:flex-start;margin-bottom:20px;background-color:rgba(229,231,235,.5);padding:1rem;border-radius:1rem}.CardImg{width:300px;height:200px;margin-right:20px;border-radius:10px}.ProjectDetails{flex:1}.ProjectDetails h2{font-size:1.5rem;margin-bottom:10px}.ProjectDetails p{font-size:1rem;margin-bottom:15px}.ProjectButtons{display:flex}.ProjectButtons span{display:inline-block;padding:8px 16px;margin-right:10px;border:2px solid #333;border-bottom:5px solid;border-radius:5px;font-size:1rem;cursor:pointer;transition:background-color .3s,color .3s,box-shadow .3s}.ProjectButtons span:hover{background-color:#333;color:#fff;box-shadow:0 2px 0 rgba(0,0,0,.2);border-bottom:0}@media screen and (max-width:840px){.ProjectCard{flex-direction:column;align-items:center}.ProjectBody{padding:5px}.ProjectDetails{padding-top:1rem;align-items:center;max-width:300px}}