*{margin:0;padding:0;box-sizing:border-box;text-decoration:none;font-family:'Roboto',sans-serif}html{scroll-behavior:smooth}.body{display:flex;justify-content:center;align-items:center}section{position:relative;padding:100px 8vw}.max-width{max-width:1600px;padding:0 80px;margin:auto}.about .about-content,.services .serv-content,.skills .skills-content,.contact .contact-content{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}section .title{position:relative;text-align:center;font-size:48px;font-weight:700;margin-bottom:60px;padding-bottom:20px}section .title::before{content:"";position:absolute;bottom:0;left:50%;width:180px;height:3px;transform:translateX(-50%)}section .title::after{position:absolute;bottom:-8px;left:50%;font-size:20px;color:#1e3551;padding:0 5px;transform:translateX(-50%)}.navbar{position:fixed;width:100%;z-index:999;padding:30px 0;transition:.3s}.navbar .menu li a.active{color:#c5e46f}.navbar.sticky{padding:15px 0;background-color:#000000}.navbar .max-width{display:flex;align-items:center;justify-content:space-between}.navbar .logo a{color:#fff;font-size:34px;font-weight:800;animation:pulsate .5s ease-in}.navbar .menu li{list-style-type:none;display:inline-block}.navbar .menu li a{display:block;color:#fff;font-size:18px;font-weight:500;margin-left:25px;transition:.3s ease}.navbar .menu li a:hover{color:#888}.navbar.sticky .menu li a:hover{color:#888}.menu-btn{color:#ffffff;font-size:23px;font-weight:500;cursor:pointer;display:none}.home{background-color:#011627;display:flex;height:100vh;color:#fff;min-height:500px;background-size:cover;background-attachment:fixed;margin-bottom:5px}.row{margin-right:0}.text-1{font-size:43px;color:#fff;font-weight:600}.text-2{color:#80cbc4;font-size:40px;font-weight:700;margin-left:-3px}.text-3{color:#fff;font-size:40px;font-weight:600;margin:5px 0}.text-3 span{color:#c5e46f;font-weight:600}.home-content a{display:inline-block;background:#fff;color:#000;font-size:25px;padding:12px 36px;margin-top:20px;font-weight:500;border-radius:20px;border:2px solid #cecece;opacity:90%;transition:.5s}.home-content a:hover{background:#c5e46f}.container-img img{opacity:75%}#about{background-color:#010e1a;margin-bottom:5px}.left{max-width:100%;width:30%;border-radius:14px;background-color:#0b2942;position:relative;opacity:90%}.title{color:#fff}.left img{max-width:100%;height:auto;object-fit:cover}.right{width:55%;color:#ffffff}.right span{color:#c5e46f}.text{font-size:24px;font-weight:700;margin-bottom:10px}.text-about{font-size:17px;font-weight:500;word-spacing:normal;letter-spacing:normal;color:#ffffff}.right p{text-align:justify}.about .right a{display:inline-block;color:#ffffff;font-size:20px;font-weight:500;margin-top:40px;border-radius:20px;transition:.3s}.about .right a:hover{background-color:transparent;animation:pulsate 1s ease-in-out}.social-links{display:flex;justify-content:center;align-items:center;margin:auto;gap:30px}.social-img{width:56px;height:56px;transition:.5s}.btn-social{width:56px;height:56px;background-color:#fff;border-radius:50%;transition:.1s;cursor:pointer}.btn-social:hover{background:#c5e46f;border-radius:20px;padding:2px;animation:pulsate 2s ease-in-out}#skills{background-color:#011627;margin:0;margin-bottom:5px}.skills{position:relative;text-align:center;margin-top:40px}.skills-wrapper img{padding:20px;max-width:100%}.skills-wrapper img:hover{border-radius:20px;animation:pulsate 2s ease-in-out}.icon{width:160px;height:160px}.skills-btn h3{font-size:26px;font-weight:700;color:#ffffff}.filter-btn{padding:10px 20px;background-color:#ffffff;border:1px solid #cecece;font-weight:500;border-radius:20px;transition:.3s;cursor:pointer;opacity:79%}.filter-btn:hover{color:#000;background-color:#c5e46f;animation:pulsate 2s ease-in-out}#project{background-color:#010e1a;position:relative;text-align:center;color:#ffffff;margin:auto;min-width:100%;margin-bottom:5px;box-sizing:border-box;padding:100px 8vw 90px}.project-gallery{display:grid;margin:auto;justify-content:center;align-items:stretch;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.project-img{width:98%;height:160px;border-radius:10px;overflow:hidden;border:3px solid #0b2942;opacity:.95;display:flex;justify-content:center;align-items:center;margin:30px 0}.project-img img{display:block;width:96%;height:100%;border-radius:10px;border:2px solid #ffffff;object-fit:cover}.project-box{opacity:.9;background-color:#0b2942;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:8px;gap:8px;box-shadow:rgba(245,240,240,.9) 0 2px 4px;border-radius:10px;transition:.3s;height:100%}.project-box:hover{box-shadow:-1px 1px 4px 4px rgba(219,211,211,.72)}.project-content{width:100%;padding-left:5px;padding-bottom:5px;flex-grow:1}.project-content h3{font-weight:500;font-size:clamp(1.1rem,2.5vw,1.3rem);margin:0}.project-content p{color:#ffffff;font-size:clamp(1rem,2vw,1.1rem);font-weight:500;margin:.5em 0 1em}.project-content a.readMore{padding:8px 12px;font-size:clamp(.9rem,1.5vw,1rem)}.btn-proj{padding:6px 8px;margin:2px;background-color:#fff;color:#000;border:1px solid #cecece;border-radius:20px;transition:.5s;cursor:pointer;font-size:clamp(.9rem,1.5vw,1rem)}.btn-proj:hover{background-color:#c5e46f}@media screen and (max-width:896px){#project{padding:2rem 8vw 4rem}}@media (min-width:280px) and (max-width:768px){.project-box{margin:10px}.project-gallery{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}#project h2{margin-top:1.5rem;margin-bottom:.75rem}}@media screen and (min-width:280px) and (max-width:280px) and (min-height:653px) and (max-height:653px){.project-gallery{display:flex;flex-direction:column}#project h2{margin-top:1.2rem;margin-bottom:.6rem}}#contact{background-color:#011627;min-width:100%}#contact .title{padding-top:40px}.contact-section{position:relative;min-height:100vh;padding:50px 100px;display:flex;justify-content:center;align-items:center;flex-direction:column}.content{max-width:800px;text-align:center}.container p{font-size:20px;color:#ffffff;font-weight:500}.container{width:100%;display:flex;justify-content:center;align-items:center;gap:50px;margin-top:30px}.contact-info{width:45%;display:flex;flex-direction:column;justify-content:left}.contact-info .box{position:relative;padding:20px 0;display:flex;cursor:pointer}.icon-2{min-width:40px;height:60px;background:#ffffff;display:flex;justify-content:center;align-items:flex-start;align-items:center;font-size:28px;border-radius:20px;transition:.5s}.icon-2:hover{background:#c5e46f;animation:pulsate 2s ease-in-out}.contact-info .box .text{display:flex;flex-direction:column;margin-left:20px;font-size:18px;color:#ffffff;font-weight:300}.contact-info .box .text h3{font-weight:600;color:#000000}.contact-form{position:relative;width:40%;background:#cecece;min-height:100px;padding:40px;border-radius:14px;opacity:90%}.contact-form h2{font-size:32px;color:#000;font-weight:600}#contact .text h3{color:#fff}.input-box{position:relative;width:100%;margin-top:20px}.input-box input,.input-box textarea{width:100%;padding:5px 6px;font-size:18px;font-weight:500;margin:10px 3px;border:none;outline:none;resize:none;border-radius:12px}.input-box span{position:absolute;left:0;pointer-events:none;padding:5px 0;margin:10px 0;font-size:18;color:#666;transition:.5s}.input-box input:focus~span,.input-box textarea:focus~span,.input-box input:valid~span,.input-box textarea:valid~span{font-size:14px;transform:translateY(-20px)}.input-box input[type='submit']{width:100px;background:#fff;color:#000;border:none;cursor:pointer;padding:10px;font-size:18px;font-weight:500;border-radius:20px;transition:.5s}.input-box input[type='submit']:hover{color:#000;background-color:#c5e46f}#message{min-height:50px;overflow-y:auto;resize:none}.whatsapp-link{position:fixed;width:60px;height:60px;bottom:50px;right:15px;background-color:#25d366;color:#ffffff;border-radius:50px;text-align:center;font-size:30px;z-index:1000}.whatsapp-link:hover{border:2px solid #ffffff}.fa-whatsapp{margin-top:15px}footer{background-color:#000000;padding:40px 20px;color:#ffffff;text-align:center}footer small{color:#888;text-decoration:none;font-size:9px}footer a{color:#ffffff;font-size:40px;font-weight:500;padding:8px;border-radius:20px;transition:.5s}footer a:hover{color:#c5e46f;padding:3px;animation:pulsate 2s ease-in-out}@keyframes pulsate{0%{box-shadow:0 0 25px #cecece,0 0 50px #fff}}@media screen and (max-width:2160px){.about .about-content .left img{height:400px;width:400px}section .title::after{bottom:-8px;font-size:16px}#home .max-width .home-content .text-1{font-size:68px}#home .max-width .home-content .text-2{font-size:62px}#home .max-width .home-content .text-3{font-size:34px}.skills-btn button{margin-bottom:12px;margin-right:8px}#skills .skills-btn h3{padding-bottom:60px}}@media screen and (max-width:1368px){#home .max-width .home-content .text-1{font-size:58px}#home .max-width .home-content .text-2{font-size:48px}#home .max-width .home-content .text-3{font-size:28px}section{max-width:100%;width:fit-content;justify-content:center;align-items:center}.about .about-content .left img{height:350px;width:350px}.skills-btn button{margin-bottom:12px;margin-right:8px}}@media screen and (max-width:1280px){section{max-width:100%;width:fit-content;margin:auto;justify-content:center;align-items:center}#home .max-width .home-content .text-1{font-size:70px}#home .max-width .home-content .text-2{font-size:64px}#home .max-width .home-content .text-3{font-size:32px}.about .about-content .left img{height:350px;width:350px}section .title::after{bottom:-8px;font-size:16px}#skills{min-width:100%}.skills-btn button{margin-bottom:12px;margin-right:8px}#last-btn{margin-bottom:50px}#about,#skills,#contact h2{padding-bottom:6px;padding-top:70px}.card{min-width:100%;flex-direction:column}.social-links{margin-bottom:40px}.home{padding-bottom:30px}}@media screen and (max-width:1024px){.social-menu ul li a{left:114px}.contact-section{padding:50px}.container{flex-direction:column}.container .contact-info,.container .contact-form{width:100%}.container .contact-form{padding:50px 30px}#about,#skills,#contact h2{padding-bottom:6px;padding-top:70px}.menu-btn{display:block;z-index:999}.menu-btn i.active:before{color:#fff}.navbar .menu{position:fixed;height:100vh;width:100%;left:-100%;top:0;background:#010e1a;text-align:center;padding-top:80px;transition:all .3s ease}.navbar .menu.active{left:0}.navbar .menu li{display:block}.navbar .menu li a{display:inline-block;margin:20px 0;font-size:25px}}@media screen and (max-width:947px){section{max-width:100%;width:fit-content;margin:auto;justify-content:center;align-items:center}.menu-btn{display:block;z-index:999}.menu-btn i.active:before{color:#fff}.navbar .menu{position:fixed;height:100vh;width:100%;left:-100%;top:0;background:#010e1a;text-align:center;padding-top:80px;transition:all .3s ease}.navbar .menu.active{left:0}.navbar .menu li{display:block}.navbar .menu li a{display:inline-block;margin:20px 0;font-size:25px}.home .home-content .text-2{font-size:70px}.home .home-content .text-3{font-size:35px}.home .home-content a{font-size:22px;padding:10px 30px}.max-width{max-width:930px}.about .about-content .column{width:100%}.about .about-content .left{display:flex;justify-content:center;margin:0 auto 60px}.about .about-content .right{flex:100%}.skills .skills-content .column,.contact .contact-content .column{width:100%;margin-bottom:35px}#last-btn{margin-bottom:50px}#about,#skills,#contact h2{padding-bottom:6px;padding-top:70px}}@media (min-width:280px) and (max-width:768px){.max-width{padding:0 23px}section{width:fit-content;margin:auto;justify-content:center;align-items:center}.navbar .logo a{font-size:28px}#home .home-content{margin-top:5px;margin-bottom:10px}#home a{margin-top:30px}#home .max-width .home-content .text-1{font-size:48px}#home .max-width .home-content .text-2{font-size:44px}#home .max-width .home-content .text-3{font-size:24px}.imagem-responsiva{max-width:100%}#about,#skills,#contact h2{padding-bottom:6px;padding-top:70px}.social-links{margin:0;padding:0;justify-content:center;align-self:center}#contact .text h3{font-size:16px;font-weight:800}#contact .text p{font-size:14px;font-weight:500}#contactForm span{font-size:11px;margin-bottom:16px}.contact-form h2{font-size:26px}.wrapper{min-width:100vw}.contact-form{min-width:94vw}.social-links{margin-bottom:40px}.home{padding-bottom:30px}footer{font-size:13px}}@media (min-width:279px) and (max-width:539px){.imagem-responsiva{display:none}}