@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";nav{width:100%;max-width:1400px;margin:0 auto;padding:0 5rem;top:0;position:sticky;z-index:50;background-color:#e1e1e1}@media (max-width: 738px){nav{padding:0 2rem}}nav .info{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid rgb(30,136,30);height:5rem}nav .info img{width:65px;height:auto;animation:slideFadeIn .5s ease-in-out forwards}nav .info .links{display:flex;gap:2rem}nav .info .links .link{position:relative;font-size:20px;opacity:0;animation:slideFadeIn .5s ease-in-out forwards;animation-delay:.3s;transition:color .3s ease-in-out}nav .info .links .link:after{content:"";position:absolute;left:0;bottom:-5px;width:0;height:2px;background-color:#1e881e;transition:width .3s ease-in-out}nav .info .links .link:hover:after{width:100%}nav .info .links .link:hover{color:#1e881e;cursor:pointer}@media (max-width: 738px){nav .info .links{display:none}}@keyframes spinAndGrow{0%{transform:scale(1) rotate(0)}to{transform:scale(1.2) rotate(360deg)}}@keyframes shrinkAndReverseSpin{0%{transform:scale(1.2) rotate(360deg)}to{transform:scale(1) rotate(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.header{width:100%;max-width:1280px;margin:0 auto;padding:5rem;height:calc(100vh - 80px);display:flex;flex-direction:column;justify-content:center;gap:32px}@media (max-width: 738px){.header{padding:0 2rem}}.header .title{display:inline-block}.header .title span{display:inline-block;opacity:0;animation:slideIn .5s forwards;white-space:pre}.header h1{font-size:5rem}@media (max-width: 1024px){.header h1{font-size:3rem}}@media (max-width: 738px){.header h1{font-size:2.5rem}}.header h1 span.name{color:#1e881e}.header p{font-size:1.5rem;width:50%}@media (max-width: 1024px){.header p{font-size:1.25rem;width:75%}}@media (max-width: 738px){.header p{width:100%}}.header p b{color:#1e881e}.header .socials{display:flex;gap:20px}.header .socials a{width:60px;height:60px;background-color:#333;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:transform .3s ease-in-out}.header .socials a:hover{animation:spinAndGrow .6s forwards}.header .socials a:not(:hover){animation:shrinkAndReverseSpin .6s forwards}@media (max-width: 1024px){.header .socials a{width:50px;height:50px}}@media (max-width: 738px){.header .socials a{font-size:2.5rem}}.projects{width:100%;max-width:1280px;margin:0 auto;padding:5rem}@media (max-width: 738px){.projects{padding:0 2rem}}.projects .title,.projects .sub-title,.projects h3{text-align:center}.projects .title{color:#1e881e;font-size:5rem}@media (max-width: 1024px){.projects .title{font-size:3rem}}@media (max-width: 738px){.projects .title{font-size:2.5rem}}.projects .sub-title{margin-bottom:40px;font-size:3rem}@media (max-width: 1024px){.projects .sub-title{font-size:2.5rem}}@media (max-width: 738px){.projects .sub-title{font-size:1.5rem}}.projects .all-projects{display:flex;justify-content:space-between;gap:20px}@media (max-width: 738px){.projects .all-projects{display:block}.projects .all-projects .fsd-projects h3{margin-top:40px}}.projects .fsd-projects,.projects .da-projects{display:flex;flex-direction:column;gap:20px}.project-card{border:1px solid black;border-radius:8px;padding:12px;max-width:500px;min-width:fit-content}.project-card .project-img{width:100%;max-height:fit-content;border-radius:4px}.project-card .project-title{color:#1e881e}.project-card p{margin:8px 0}.project-card .project-techstack{display:flex;flex-wrap:wrap;gap:8px}.project-card .project-techstack span{border:2px solid rgb(30,136,30);border-radius:8px;padding:4px;display:flex;align-items:center;justify-content:center;font-size:smaller}.project-card .project-links{display:flex;gap:32px;justify-content:end}@media (max-width: 1024px){.project-card{max-width:350px}}.tech-stack{width:100%;max-width:1280px;margin:0 auto;padding:5rem}@media (max-width: 738px){.tech-stack{padding:0 2rem}}.tech-stack img{width:50px;height:50px}.tech-stack .title,.tech-stack .sub-title,.tech-stack h3{text-align:center}.tech-stack .title{color:#1e881e;font-size:5rem}@media (max-width: 1024px){.tech-stack .title{font-size:3rem}}@media (max-width: 738px){.tech-stack .title{font-size:2.5rem}}.tech-stack .sub-title{margin-bottom:40px;font-size:3rem}@media (max-width: 1024px){.tech-stack .sub-title{font-size:2.5rem}}@media (max-width: 738px){.tech-stack .sub-title{font-size:1.5rem}}.tech-stack .all-tech{display:flex;justify-content:space-between;gap:20px}@media (max-width: 1024px){.tech-stack .all-tech{display:block}.tech-stack .all-tech .fsd-tech h3{margin-top:40px}}.tech-stack .all-tech .tech-list{display:flex;flex-wrap:wrap;gap:40px;width:500px}@media (max-width: 1024px){.tech-stack .all-tech .tech-list{justify-content:center;align-items:center;width:initial}}.tech-stack .all-tech .tech-list .tech{margin-top:40px;max-width:50px;text-align:center;position:relative}.tech-stack .all-tech .tech-list .tech p{opacity:0;font-size:0;margin-top:10px;transition:opacity .3s ease,font-size .3s ease;position:absolute;bottom:-20px;left:50%;transform:translate(-50%)}.tech-stack .all-tech .tech-list .tech:hover p{opacity:1;font-size:1rem}.contact{width:100%;max-width:1280px;margin:0 auto;padding:5rem;display:flex;flex-direction:column;justify-content:center;align-items:center}@media (max-width: 738px){.contact{padding:0 2rem}}.contact .title{color:#1e881e;font-size:5rem}@media (max-width: 1024px){.contact .title{font-size:3rem}}@media (max-width: 738px){.contact .title{font-size:2.5rem}}.contact .sub-title{margin-bottom:40px;font-size:3rem}@media (max-width: 1024px){.contact .sub-title{font-size:2.5rem}}@media (max-width: 738px){.contact .sub-title{font-size:1.5rem}}.contact form{max-width:600px;width:100%;background-color:#fff;padding:25px 25px 30px;border-radius:8px;box-shadow:0 0 10px #0000001a;color:#333;margin:25px}.contact form .input-box{margin-top:20px}.contact form .input-box .field{width:100%;height:50px;background:transparent;border:2px solid #ddd;outline:none;border-radius:6px;padding:15px;font-size:16px;color:#333;margin-top:8px}.contact form .input-box .field.mess{height:200px;resize:none}.contact form .input-box .field:focus{border-color:#1e881e}.contact form button{width:100%;height:55px;background:#1e881e;border:none;border-radius:6px;box-shadow:0 0 10px #0000001a;cursor:pointer;font-size:16px;color:#fff;font-weight:500;margin-top:25px;transition:.5s}.contact form button:hover{background:#196e19}@keyframes slideFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.footer{background-color:#333;display:flex;flex-direction:column;gap:32px;justify-content:center;align-items:center;padding:80px;color:#fff}@media (max-width: 738px){.footer{padding:60px}}.footer img{width:65px;height:auto}.footer .links{display:flex;gap:32px}.footer .links .link{position:relative;font-size:20px}.footer .links .link:after{content:"";position:absolute;left:0;bottom:-5px;width:0;height:2px;background-color:#1e881e;transition:width .3s ease-in-out}.footer .links .link:hover:after{width:100%}.footer p{font-size:12px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}a{text-decoration:none;color:inherit}li{list-style-type:none}body{font-family:Lato,sans-serif;overflow-x:hidden;background-color:#e1e1e1;font-family:Montserrat,sans-serif}