@charset "UTF-8";:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;color:#540b0e}a{text-decoration:none;color:inherit}p{margin:0}#root{margin:0 auto}body{margin:0;padding:0 5%;background-color:#fff1e6}p{color:#540b0e}.Page{display:flex;justify-content:center}.work{max-width:950px;width:100vw}.Home{max-width:1400px;width:100vw}.Home .Top{display:flex;flex-direction:column;align-items:center}.Home .Top p{font-size:40px;color:#db846b;font-weight:600}.Home .RecentProject{padding-top:40px;display:flex;flex-direction:column;gap:10px}.Home .RecentProject .LinkContainer{display:flex;justify-content:flex-end}.Home .CarousselContianer{padding-top:40px}.Projects{display:flex;width:100%;height:300px;overflow:hidden;gap:10px}.Projects .project{position:relative;overflow:hidden;transition:flex .3s ease;text-decoration:none;color:inherit;border-radius:30px}.Projects .project:first-child{flex:.4}.Projects .project:last-child{flex:.6}.Projects .project img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease,filter .3s ease}.Projects .project .overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;background-color:#0009;opacity:0;transition:opacity .3s ease}.Projects .project .overlay p{color:#fff;font-size:1.2rem}.Projects .project:hover img{transform:scale(1.1);filter:brightness(.8)}.Projects .project:hover .overlay{opacity:1;border-radius:30px}.Projects:hover .project:hover{flex:.8}.Projects:hover .project:not(:hover){flex:.2}@media screen and (max-width: 750px){.Projects{height:auto;flex-direction:column}}.ProjectsInProgress{display:flex;width:100%;height:300px;overflow:hidden;gap:10px}.ProjectsInProgress .project{position:relative;overflow:hidden;transition:flex .3s ease;text-decoration:none;color:inherit;border-radius:30px}.ProjectsInProgress .project:first-child{flex:.6}.ProjectsInProgress .project:last-child{flex:.4}.ProjectsInProgress .project img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease,filter .3s ease}.ProjectsInProgress .project .overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;background-color:#0009;opacity:0;transition:opacity .3s ease}.ProjectsInProgress .project .overlay p{color:#fff;font-size:1.2rem}.ProjectsInProgress .project:hover img{transform:scale(1.1);filter:brightness(.8)}.ProjectsInProgress .project:hover .overlay{opacity:1;border-radius:30px}.ProjectsInProgress:hover .project:hover{flex:.8}.ProjectsInProgress:hover .project:not(:hover){flex:.2}@media screen and (max-width: 750px){.ProjectsInProgress{height:auto;flex-direction:column}}.carousel-container{width:100%;max-width:800px;margin:0 auto;overflow:hidden;position:relative;text-align:center}.carousel-container .carousel-wrapper{display:flex;transition:transform .6s ease-in-out;will-change:transform}.carousel-container .carousel-wrapper .carousel-slide{min-width:100%;box-sizing:border-box;padding:20px}.carousel-container .carousel-wrapper .carousel-slide .carousel-portrait{width:100px;height:100px;object-fit:cover;border-radius:50%;margin-bottom:10px}.carousel-container .carousel-wrapper .carousel-slide h2{font-size:1.2rem;margin:10px 0 5px}.carousel-container .carousel-wrapper .carousel-slide h2 span{font-weight:300;color:#888;font-size:1rem;margin-left:5px}.carousel-container .carousel-wrapper .carousel-slide .carousel-testimony{margin:10px 0}.carousel-container .carousel-wrapper .carousel-slide .linkedin-icon{width:25px;height:25px;margin:10px 0}.carousel-container .carousel-wrapper .carousel-slide .endorsed-label{font-weight:600;margin-top:20px}.carousel-container .carousel-wrapper .carousel-slide .endorsed-skills{font-size:.9rem;color:#666}.carousel-container .carousel-buttons{margin-top:15px}.carousel-container .carousel-buttons .carousel-dot{display:inline-block;width:10px;height:10px;padding:0;margin:5px;border:none;border-radius:50%;background-color:#ccc;cursor:pointer;outline:none;line-height:0}.carousel-container .carousel-buttons .carousel-dot:hover{background-color:#999}.carousel-container .carousel-buttons .carousel-dot.active{background-color:#333}.About{padding-top:50px}.PageContainer{display:flex;gap:10px}.PageContainer .InfoContainer{width:100%;flex:50%}.PageContainer .InfoContainer .ProfileImg{height:100px;width:100px;border-radius:50%}.PageContainer .InfoContainer .Subtitle{font-size:26px;font-weight:600;margin:10px 0}.PageContainer .InfoContainer .ButtonContainer{margin-top:10px;display:flex;justify-content:space-between;align-items:center}.PageContainer .InfoContainer .ButtonContainer .IconContainer{display:flex;gap:30px}.PageContainer .InfoContainer .ButtonContainer .IconContainer .icon{height:25px}.QualificationContainer{background-color:#f7d8ca;box-shadow:0 2px 5px #0000001a;border-radius:8px;width:100%;flex:50%;display:grid;grid-template-columns:1fr 1fr;padding:1rem;margin:2rem}.QualificationContainer .education{display:flex;flex-direction:column;gap:8px}.QualificationContainer h2{margin:0 0 10px}.QualificationContainer ul{margin:0}@media screen and (max-width: 750px){.PageContainer{flex-direction:column;align-items:center;gap:10px}}.downloadbutton{background-color:#ffe5d1;border:solid 1px;border-radius:32px;border-color:#ee9956;cursor:pointer}.downloadbutton .content{padding:10px 15px}.SkillsIcon{padding:0 5px}.SkillsIcon .Icon{height:27px}.animated-link{position:relative;text-decoration:none}.animated-link:after{content:"";position:absolute;left:50%;bottom:0;width:100%;height:2px;background-color:currentColor;transform:translate(-50%) scaleX(0);transform-origin:center;transition:transform .3s ease}.animated-link:hover:after{transform:translate(-50%) scaleX(1)}.ResumeWorks{display:flex;flex-direction:column;width:100%;gap:20px}.ResumeWorks .row{display:flex;gap:20px;height:400px}.ResumeWorks .row.row--pattern1 .project.left{flex:.4}.ResumeWorks .row.row--pattern1 .project.right,.ResumeWorks .row.row--pattern2 .project.left{flex:.6}.ResumeWorks .row.row--pattern2 .project.right{flex:.4}.ResumeWorks .row:hover .project:hover{flex:.8}.ResumeWorks .row:hover .project:not(:hover){flex:.2}.ResumeWorks .row .project.left:only-child{flex:1}.ResumeWorks .row .project.left:only-child:hover{flex:1}.ResumeWorks .row .project{position:relative;overflow:hidden;transition:flex .3s ease;text-decoration:none;color:inherit;border-radius:30px}.ResumeWorks .row .project img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease,filter .3s ease}.ResumeWorks .row .project .overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;background-color:#0009;opacity:0;transition:opacity .3s ease}.ResumeWorks .row .project .overlay p{color:#fff;font-size:1.2rem}.ResumeWorks .row .project:hover img{transform:scale(1.1);filter:brightness(.8)}.ResumeWorks .row .project:hover .overlay{opacity:1;border-radius:30px}@media screen and (max-width: 750px){.row{flex-direction:column;height:auto!important}}.WorksContainer{max-width:1400px;width:100vw}.WorksContainer .buttonsContainer{justify-content:center;display:flex;gap:38px;margin-bottom:45px;height:2em}.WorksContainer .buttonsContainer button{color:#540b0e;transition:.25s;background:none;border:none;font:inherit;cursor:pointer;height:max-content}.WorksContainer .buttonsContainer button:hover,.WorksContainer .buttonsContainer button:focus{border-color:#540b0e;color:#fff}.WorksContainer .buttonsContainer button:hover,.WorksContainer .buttonsContainer button:focus{box-shadow:inset 6.5em 0 #540b0e}.WorksContainer .buttonsContainer .active{background-color:#540b0e;color:#fff}@media screen and (max-width: 750px){.WorksContainer button:hover,.WorksContainer button:focus{box-shadow:none}.WorksContainer .active{background-color:#540b0e;color:#fff}}.Navbar{margin-bottom:20px;display:flex;justify-content:center;height:50px}.Navbar .NavbarContainer{width:50%;padding:20px 100px 0;display:flex;justify-content:space-between}.Navbar a{color:#540b0e}.Footer{margin-top:40px;display:flex;justify-content:center;padding-bottom:40px}.Footer .Bottom{display:flex;flex-direction:column;gap:5px;align-items:center}.Footer .kirby{height:140px;width:140px}.Footer a{color:#540b0e}.InformationProject{display:flex;flex-direction:column;gap:30px;margin-bottom:30px}.InformationProject .ImageContainer{position:relative}.InformationProject .ImageContainer .TitleImg{width:100%;height:350px;object-fit:cover;border-radius:30px}.InformationProject .ImageContainer .titleProject{position:absolute;bottom:20px;left:30px;color:#fff;font-size:32px;font-weight:600;text-shadow:2px 2px 4px rgba(0,0,0,.7)}.InformationProject .InfoContainer{display:flex;flex-direction:column}.InformationProject .InfoContainer .titletext{display:flex}.InformationProject .InfoContainer .titletext .title{width:100px;min-width:100px;font-weight:600}.InformationProject .InfoContainer .titletext a{text-decoration:underline}.InformationProject .InfoContainer .separator{height:1px;background-color:gray;margin-bottom:1 0px}.work .full{display:flex;width:100%;margin-bottom:25px}.work .full img{width:100%;border-radius:5px}.work .half{width:100%;display:flex;gap:20px;margin-bottom:25px}.work .half .half1{width:calc(50% - 10px)}.work .half .half1 img{width:100%;border-radius:5px}.work .half .half2{width:calc(50% - 10px)}.work .half .half2 img{width:100%;border-radius:5px}.work .LearnContainer{display:flex;flex-direction:column;background-color:#f7d8ca;padding:20px;height:auto;border-radius:7px;gap:20px}.work .LearnContainer .title{font-size:20px;font-weight:700}@media screen and (max-width: 750px){.work{width:90vw}.work .half{flex-direction:column}.work .half .half1,.work .half .half2{width:100%!important}}