@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap");*{box-sizing:border-box;font-family:Outfit,sans-serif;scroll-behavior:smooth}*,body{margin:0;padding:0}a,h1,h2,h3,h4,p{text-decoration:none;color:#000}.certiciation-container,.navbar,.project-wrapper,.projects-section-wrapper,.section__padding,.skill,header{padding:8rem}.section__margin{margin:4rem 6rem}.scale-up-center{animation:scale-up-center .4s cubic-bezier(.39,.575,.565,1) both}.navbar,.navbar ul,.navbar-links{display:flex;justify-content:space-between;align-items:center}.navbar ul{gap:1rem}.navbar li{list-style:none}.navbar{padding:2rem 8rem;position:fixed;width:100%;height:90px;z-index:3}.navbar-bg{background-color:#f5fcff}.navbar-links{flex:1 1}.navbar-links_logo{font-size:2rem}.navbar-links_social{display:flex;flex-direction:row;gap:1rem}.navbar-menu{margin-left:1rem;display:none;position:relative}.navbar-menu_container{display:flex;align-items:center;flex-direction:column;text-align:end;padding:2rem;position:absolute;top:40px;right:0;margin-top:1rem;min-width:210px;border-radius:5px;background:#2e2e3d}header{background-color:#f5fcff;transition:.5s ease;width:100%;height:100vh;position:relative}.header{display:flex;margin-top:4rem;width:100%;height:100%}.header .content,.profile-container{flex:1 1}.profile-container{padding:3rem}.profile-card{background-color:#c6e1ec;width:100%;height:100%;border-radius:60px;display:flex;justify-content:center;align-items:flex-end}.profile-card img{width:70%;height:auto}.header .content h1{font-size:3.3rem;letter-spacing:4px}.header .content span{color:#5e3bee}.header .content p{font-size:1.2rem;font-weight:200;margin-top:2rem;line-height:2rem}.skill{padding:4rem 8rem;gap:4rem;position:relative}.skill,.skill-title{display:flex;flex-direction:column}.skill-title{gap:1rem;text-align:center}.skill-title p{font-size:1.3rem}.skill-line{max-width:100vw;height:3px;background:#fff;margin-bottom:3rem}.skill-content{grid-gap:2rem;display:grid;grid-template-columns:repeat(5,1fr);text-align:center}.project-wrapper{justify-content:center;align-items:center;gap:4rem;position:relative}.project-card,.project-detail,.project-heading,.project-wrapper{display:flex;flex-direction:column}.project-heading{gap:1rem;letter-spacing:1px;text-align:center}.project-container{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:3rem}.project-card{padding-bottom:1rem;border-radius:10px;background-color:#fff;color:#fff;box-shadow:0 4px 12px rgba(0,0,0,.1);gap:1rem}.project-img{width:100%;height:100%;border-radius:10px 10px 0 0}.project-detail,.project-links{margin:0 1rem}.project-detail{gap:1rem}.project-detail h3{letter-spacing:1px}.project-detail p{font-size:1rem;word-spacing:5px}.project-links,.project-links span{display:flex;justify-content:space-between;align-items:center}.project-links a:hover{color:#5e3bee}.project-btn{border:none;padding:1rem 4rem;border-radius:30px;background-color:#5e3bee;font-family:Outfit,sans-serif;font-weight:500;font-size:1rem;color:#fff}.project-btn:hover,.project-img:hover{transform:scale(1.1);transition:.3s}.project-btn:hover{cursor:pointer;background:#5e3bee;background:linear-gradient(90deg,#5e3bee,#c6e1ec)}.projects-section-wrapper{display:flex;flex-direction:column;gap:8rem}.projects-section-wrapper .subtitle{font-weight:500}.project-detail-container{display:grid;grid-template-columns:1fr;grid-gap:5rem}.project-detail-card{gap:2rem;display:flex;padding-bottom:4rem;border-bottom:2px solid #000}.project-details{flex:1 1;display:flex;flex-direction:column;justify-content:space-between;gap:1rem}.project-image{flex:1.5 1}.project-desc{display:flex;flex-direction:column;gap:1.5rem}.project-desc .title{margin-bottom:.5rem}.project-desc .text{font-weight:500;font-size:1.15rem;word-spacing:10px}.project-desc .desc{text-align:justify;line-height:25px}.project-url{display:flex;justify-content:space-between}.project-url a:hover{color:#5e3bee}.project-url span{border-bottom:2px solid #000}.project-url span:hover{border-bottom:2px solid #5e3bee}.project-image img{width:100%;height:100%}.footer{width:100%;padding:3rem 8rem;position:relative;display:flex;justify-content:space-between;background-color:#f5fcff}.footer p{margin-top:10px;font-size:20px}.footer-links{display:flex;gap:1rem}.footer-links p:hover{color:#5e3bee}.certification-card{display:flex;flex-direction:column;gap:1.5rem;padding:2rem;margin-top:2rem;background-color:#d1e7ef}.certification-name{display:flex;justify-content:space-between;align-items:center}.certification-name .date{padding:1rem 2rem;background-color:#538798;border-radius:30px}.certification-name .date p{color:#fff}.certification-details{display:flex;flex-direction:column;gap:.5rem}@media screen and (max-width:1000px){.certiciation-container,.footer,.navbar,.project-wrapper,.projects-section-wrapper,.skill,header{padding:4rem}header{height:100%}.header .content h1{font-size:2.5rem;letter-spacing:2px}.project-container{grid-template-columns:repeat(2,1fr)}.certiciation-container h1,.project-heading{margin-top:4rem}}@media screen and (max-width:850px){.header{flex-direction:column;gap:2rem}.header .content h1{font-size:3.3rem;letter-spacing:4px}.skill-content{grid-template-columns:repeat(4,1fr)}.certification-name{gap:1rem}.projects-section-wrapper{gap:4rem}.project-detail-card{flex-direction:column}}@media screen and (max-width:600px){.certiciation-container,.footer,.navbar,.project-wrapper,.projects-section-wrapper,.skill,header{padding:4rem 2rem}.profile-container{padding:0}.skill-content{grid-template-columns:repeat(3,1fr)}.project-container{grid-template-columns:repeat(1,1fr)}.footer{flex-direction:column;align-items:center}.certification-name{flex-direction:column;align-items:flex-start}}