*{margin:0;padding:0;box-sizing:border-box;text-decoration:none;border:none;outline:none;scroll-behavior:smooth;font-family:Poppins,sans-serif}:root{--bg-color: #0a0a0a;--text-color: #fdfdfd;--main-color: #6d8efc;--white-color: #fdfdfd;--shadow-color: rgba(0, 0, 0, .7)}.dark-mode{--bg-color: #fdfdfd;--text-color: #333;--shadow-color: rgba(0, 0, 0, .2)}html{font-size:62.5%;overflow-x:hidden}strong{color:var(--main-color)}body{background:var(--bg-color);color:var(--text-color);width:100vw}.header{position:fixed;top:0;width:100vw;padding:2rem 4%;background:transparent;display:flex;align-items:center;z-index:100;transition:.5s}.header.sticky{background:var(--bg-color);box-shadow:0 .1rem .1rem var(--shadow-color)}.logo{font-size:2.5rem;color:var(--main-color);font-weight:600;cursor:pointer;margin-right:auto}.navbar a{position:relative;font-size:1.7rem;color:var(--white-color);font-weight:500;margin-right:3.5rem}.header.sticky .navbar a{color:var(--text-color)}.header.sticky .navbar a.active{color:var(--main-color)}.navbar a.active:before{content:"";position:absolute;left:0;bottom:-6px;width:100%;height:.2rem;background:var(--white-color)}.header.sticky .navbar a:before{background:var(--main-color);opacity:.7}#darkMode-icon{font-size:2.4rem;color:var(--white-color);cursor:pointer}.header.sticky #darkMode-icon{color:var(--text-color);opacity:.9}#menu-icon{font-size:3.6rem;color:var(--white-color);display:none}section{min-height:100vh;padding:10rem 4% 2rem}.home{display:flex;align-items:center}.home .home-content{max-width:53rem}.home-content h3{font-size:3.2rem;font-weight:700;line-height:.3}.home-content h1{font-size:5.6rem;font-weight:700;margin-bottom:.3rem}.home-content h2{font-size:155%;font-weight:300;line-height:.6;text-align:right;width:78%}.p{margin-top:20px;font-size:1px}h1,h2,h3{margin-bottom:10px}h5{width:107%;font-size:15px;font-weight:350}.home-content p{font-size:1.8rem;font-weight:400}.home-content .social-media a{display:inline-flex;justify-content:center;align-items:center;width:4rem;height:4rem;background:transparent;border:.2rem solid var(--main-color);border-radius:50%;box-shadow:0 .2rem .5px var(--shadow-color);font-size:20px;color:var(--main-color);margin:25px 15px 30px 0;transition:.5s ease;animation:slideLeft 1s ease forwards;animation-delay:calc(.06s * var(--i))}@keyframes slideLeft{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}.home-content .social-media a:hover{background:var(--main-color);color:var(--white-color)}.btn{display:inline-block;padding:1.2rem 2.8rem;background:var(--main-color);border-radius:.6rem;box-shadow:0 .2rem .5rem var(--shadow-color);font-size:1.6rem;color:var(--white-color);letter-spacing:.1rem;font-weight:600;border:.2rem solid transparent;transition:.5s ease;cursor:pointer}.btn:hover{background:transparent;color:var(--main-color);border-color:var(--main-color)}.home .profession-container{position:absolute;top:50%;right:0;transform:translateY(-50%);width:100vw;height:100vh;overflow:hidden;pointer-events:none}.home .profession-container .profession-box{position:absolute;top:0;right:0;width:768px;height:768px;border-radius:50%;display:flex;justify-content:center;align-items:center;animation:professionRotate 13s ease-out infinite}@keyframes professionRotate{0%,20%{transform:rotate(0)}25%,45%{transform:rotate(-90deg)}50%,70%{transform:rotate(-180deg)}75%,95%{transform:rotate(-270deg)}to{transform:rotate(-360deg)}}.home .profession-box .profession{position:absolute;left:0;display:flex;align-items:center;flex-direction:column;color:var(--main-color);transform:rotate(calc(360deg / 4 * var(--i)));transform-origin:384px;background:var(--bg-color);padding:13px 0}.home .profession-box .profession:nth-child(1),.home .profession-box .profession:nth-child(2){padding-left:70px}.home .profession-box .profession:nth-child(3){padding-left:20px}.home .profession-box .profession:nth-child(4){padding-left:40px}.home .profession-box .profession:nth-child(1) i{margin-right:15px}.home .profession-box .profession:nth-child(2),.home .profession-box .profession:nth-child(4){padding-bottom:20px}.home .profession i{font-size:3.8rem}.home .profession h3{font-size:3.2rem;line-height:1;font-weight:600}.home .profession-box .circle{width:560px;height:560px;border:3px solid var(--main-color);border-radius:50%}.home .profession-container .overlay{position:absolute;top:0;right:0;width:0;height:0;border-top:384px solid var(--main-color);border-right:384px solid var(--main-color);border-bottom:384px solid var(--main-color);border-left:384px solid transparent}.home-img img{position:relative;bottom:44vh;right:70px;pointer-events:none;max-width:480px;max-height:90vh}::-webkit-scrollbar{width:15px}::-webkit-scrollbar-thumb{background-color:var(--main-color);border:2px solid var(--bg-color)}.about{display:flex;justify-content:center;align-items:center;gap:40px}.about-img img{width:35vh}.heading{font-size:45px;text-align:center;padding:40px 0}#mais{display:none}.about-content h2{text-align:left;line-height:1.2}.about-content h3{font-size:20px}.about-content p{font-size:16px;margin:20px 0 30px;line-height:30px}.services{min-height:auto;padding-bottom:70px}.services .services-container{display:flex;justify-content:center;align-items:center;gap:70px;width:90vw;flex-wrap:wrap}.services-container .services-box{flex:1 1 300px;background:var(--bg-color);padding:75px 0;text-align:center;transition:.5s ease;height:200px}.services-box i{font-size:1200%;color:var(--text-color);transition:.5s ease}.services-box:hover i{color:var(--main-color)}.services-box h3{font-size:26px;transition:.5s ease}.services-box:hover h3{color:var(--main-color)}.services-box p{font-size:16px;margin:10px 0 30px}.portfolio{padding-bottom:100px}.portfolio h2{margin-bottom:40px}.portfolio .portfolio-container{display:grid;grid-template-columns:repeat(3,1fr);align-items:center;gap:25px}.portfolio-container .portfolio-box{position:relative;display:flex;border-radius:5px;box-shadow:0 0 10px #0000001a;overflow:hidden;height:300px}.portfolio-box img{transition:.5s ease;width:100%}.portfolio-box:hover img{transform:scale(1.2)}.portfolio-box .portfolio-layer{position:absolute;bottom:0;left:0;width:100%;height:100%;background:linear-gradient(rgba(0,0,0,.772),var(--main-color));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--white-color);display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;padding:0 40px;opacity:0;transition:.5s ease}.portfolio-box:hover .portfolio-layer{opacity:1}.portfolio-layer h4{font-size:25px;padding-bottom:20px}.portfolio-layer p{font-size:16px;margin:3px 0 10px;height:50%}.btn-hover-effect-4782fghj{position:relative;padding:10px 20px;border-radius:7px;border:1.5px solid var(--white-color);font-size:14px;text-transform:uppercase;font-weight:600;letter-spacing:2px;background:var(--main-color);color:var(--white-color);overflow:hidden;box-shadow:0 0 0 0 transparent;-webkit-transition:all .2s ease-in;-moz-transition:all .2s ease-in;transition:all .2s ease-in}.btn-hover-effect-4782fghj:hover{background:var(--white-color);color:#3d81ff;box-shadow:0 0 30px 5px var(--white-color);-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;transition:all .2s ease-out}.btn-hover-effect-4782fghj:hover:before{-webkit-animation:sh02 .5s 0s linear;-moz-animation:sh02 .5s 0s linear;animation:sh02 .5s 0s linear}.btn-hover-effect-4782fghj:before{content:"";display:block;width:0px;height:86%;position:absolute;top:7%;left:0%;opacity:0;background:#fff;box-shadow:0 0 50px 30px #fff;-webkit-transform:skewX(-20deg);-moz-transform:skewX(-20deg);-ms-transform:skewX(-20deg);-o-transform:skewX(-20deg);transform:skew(-20deg)}@keyframes sh02{0%{opacity:0;left:0%}50%{opacity:1}to{opacity:0;left:100%}}.btn-hover-effect-4782fghj:active{box-shadow:0 0 0 0 transparent;-webkit-transition:box-shadow .2s ease-in;-moz-transition:box-shadow .2s ease-in;transition:box-shadow .2s ease-in}.portfolio-layer .icons{display:flex;justify-content:center;gap:50px}.contact h2{margin-bottom:30px}.contact form{max-width:700px;margin:10px auto 30px;text-align:center}.contact form .input-box{display:flex;justify-content:space-between;flex-wrap:wrap}.contact form .input-box input,.contact form textarea{width:100%;padding:15px;font-size:16px;color:var(--text-color);background:var(--bg-color);border-radius:8px;margin:7px 0;box-shadow:0 10px 5px var(--shadow-color)}.contact form .input-box input{width:49%}.contact form textarea{resize:none}.contact form .btn{margin-top:20px;cursor:pointer}.footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:20px 7%;background:var(--main-color)}.footer-text p{font:16px;color:var(--white-color)}.footer-iconTop a{display:inline-flex;justify-content:center;align-items:center;padding:8px;background:var(--white-color);border-radius:8px;border:2px solid var(--main-color);outline:2px solid transparent;transition:.5s ease}.footer-iconTop a:hover{outline-color:var(--white-color)}.footer-iconTop a i{font-size:24px;color:#333}.main-obrigado{display:flex;align-items:center;justify-content:center;min-height:100vh;flex-direction:column}.text-obrigado{font-size:85px;color:var(--main-color);margin-bottom:30px}.paragrafo-obrigado{margin-bottom:50px;font-size:16px}@media (min-width: 1558px){html{font-size:70%}.header{position:fixed;top:0;width:100%;padding:2rem 4%;background:transparent;display:flex;align-items:center;z-index:100;transition:.5s}.home .profession-container{right:inherit}.home .profession-container .profession-box{right:170px;height:999px}.home .profession-container .overlay{position:absolute;top:0;right:0;width:0;height:0;border-top:492px solid var(--main-color);border-right:560px solid var(--main-color);border-bottom:492px solid var(--main-color);border-left:560px solid transparent}.home-img img{position:relative;bottom:390px;right:90px;pointer-events:none;max-width:800px;max-height:90vh}}@media (max-width: 1290px){html{font-size:55%}.home .profession-container{height:85.8rem}.home .profession-container .profession-box{right:-12rem;height:85.8rem}.home .profession-container .overlay{right:-9rem}.home-img img{position:relative;bottom:270px;right:105px;pointer-events:none;max-width:480px;max-height:90vh}}@media (max-width: 1200px){html{font-size:55%}.home .profession-container{height:85.8rem}.home .profession-container .profession-box{right:-12rem;height:85.8rem}.home .profession-container .overlay{right:-9rem}}@media (max-width: 1224px){.header{padding:2rem 3%}section{padding:10rem 3% 2rem}.home .profession-container .profession-box{right:-22rem}.home .profession-container .overlay{right:-15rem}}@media (max-width: 991px){.navbar a{left:-39px}.navbar a:nth-child(1),.navbar a:nth-child(2){color:var(--main-color)}.navbar a.active:before{background:var(--main-color);opacity:.7}.home .home-content{max-width:50rem}.home .profession-container .profession-box{right:-45rem}.home .profession-container .overlay{right:-39.5rem}.home img{display:none}.services,.portfolio{padding-bottom:7rem}.services .services-container{display:grid;gap:2px;grid-template-columns:repeat(3,1fr)}.services-box i{font-size:700%;color:var(--text-color);transition:.5s ease}.services-box h3{font-size:20px}.contact{min-height:auto}.footer{padding:2rem 3%}}@media (max-width: 768px){#menu-icon{display:block;color:var(--text-color)}#darkMode-icon{position:absolute;right:7rem;font-size:2.6rem;color:var(--text-color);margin-bottom:.1rem}.navbar{position:absolute;top:100%;width:100%;padding:1rem 5%;background:var(--bg-color);border-top:.1rem solid rgba(0,0,0,.2);box-shadow:0 .5rem 1rem #0000001a;display:none}.navbar.active{display:block}.navbar a{display:block;font-size:2rem;margin:3rem 0;color:var(--text-color)}.navbar a:nth-child(1),.navbar a:nth-child(2){color:var(--text-color)}.navbar a.active{color:var(--main-color)}.navbar a:before{display:none}.home{padding:0 3% 23rem;justify-content:center;text-align:center}.home-content h3{font-size:2.6rem}.home-content h1{font-size:5rem}.home-content h2{text-align:end;width:84%;font-size:12px}.home-content .social-media a{margin:2.5rem .75rem 3rem}.home .profession-container{left:0;width:100%;height:100%}.home .profession-container .profession-box{position:fixed;top:69%;left:0;border-radius:0;width:100%}.home .profession-box .profession{padding:0 13px;left:auto;transform-origin:0}.home .profession-box .profession:nth-child(1){transform:rotate(-90deg) translate(-120px,-210px)}.home .profession-box .profession:nth-child(1) i{margin-right:0}.home .profession-box .profession:nth-child(2){transform:rotate(0) translateY(-335px)}.home .profession-box .profession:nth-child(3){transform:rotate(90deg) translate(115px,-450px)}.home .profession-box .profession:nth-child(4){transform:rotate(180deg) translate(-220px,-335px)}.home .profession-box .circle{position:fixed;width:670px;height:670px;z-index:-1}.home .profession-container .overlay{position:fixed;top:70rem;left:50%;right:0;transform:rotate(90deg) translate(-50%,50%) scaleY(3);border-width:23.9rem}.about{flex-direction:column-reverse;text-align:center}.about h2{text-align:center}.about p{text-align:left}.about-img img{width:40vw;margin-top:-2rem}.services h2,.portfolio h2{margin-bottom:3rem}.portfolio .portfolio-container{grid-template-columns:repeat(2,1fr)}.portfolio-container .portfolio-box{height:360px}.portfolio-layer h4{font-size:20px;padding-bottom:0}.portfolio-layer p{font-size:14px;margin:0 0 4px;height:170px;padding-bottom:0}.portfolio-layer a{width:100px;height:40px;font-size:14px;top:-12px;display:flex;align-items:center;justify-content:center}}@media (max-width: 617px){.home .profession-box .profession:nth-child(1){transform:rotate(-90deg) translate(-50px,-280px);padding:20px}.home .profession-box .profession:nth-child(2){transform:rotate(0) translate(5px,-335px);padding:20px}.home .profession-box .profession:nth-child(3){transform:rotate(90deg) translate(-95px,-415px)}.home .profession-box .profession:nth-child(4){transform:rotate(180deg) translate(-160px,-335px);padding:20px}.home .profession-container .overlay{position:fixed;top:820px;left:50%;right:0;transform:rotate(90deg) translate(-50%,50%) scaleY(3);border-width:23.9rem}.portfolio .portfolio-container{grid-template-columns:1fr}}@media (max-width: 582px){.home .profession-box .profession:nth-child(1){transform:rotate(-90deg) translate(-50px,-280px);padding:20px}.home .profession-box .profession:nth-child(2){transform:rotate(0) translate(5px,-335px);padding:20px}.home .profession-box .profession:nth-child(3){transform:rotate(90deg) translate(-95px,-415px)}.home .profession-box .profession:nth-child(4){transform:rotate(180deg) translate(-165px,-335px);padding:20px}.home .profession-container .overlay{position:fixed;top:740px;left:50%;right:0;transform:rotate(90deg) translate(-50%,50%) scaleY(3);border-width:23.9rem}}@media (max-width: 432px){html{font-size:50%}#darkMode-icon{right:6rem}.navbar{padding:1rem 10%}.home{padding:65px 3% 30rem}.home-content h3{font-size:12px;padding:10px}.home-content h1{font-size:22px}.home-content h2{text-align:center;width:100%;font-size:10px}.home-content p{font-size:12px}.home-content .social-media a{width:3rem;height:3rem}.home .profession-box .profession:nth-child(1){transform:rotate(-90deg) translate(-50px,-280px);padding:20px}.home .profession-box .profession:nth-child(2){transform:rotate(0) translate(5px,-335px);padding:20px}.home .profession-box .profession:nth-child(3){transform:rotate(90deg) translate(-85px,-415px)}.home .profession-box .profession:nth-child(4){transform:rotate(180deg) translate(-155px,-335px);padding:20px}.home .profession-container .overlay{position:fixed;top:649px;left:50%;right:0;transform:rotate(90deg) translate(-50%,50%) scaleY(3);border-width:23.9rem}.portfolio-container .portfolio-box{height:270px}.contat form .input-box input{width:100%}}@media (max-width: 393px){html{font-size:50%}#darkMode-icon{right:6rem}.home{padding:65px 3% 30rem}.home-content h3{font-size:12px}.home-content h1{font-size:22px}.home-content p{font-size:14px}.home-content .social-media a{width:3rem;height:3rem}.home .profession-box .profession:nth-child(1){transform:rotate(-90deg) translate(-50px,-280px);padding:20px}.home .profession-box .profession:nth-child(2){transform:rotate(0) translate(5px,-335px);padding:20px}.home .profession-box .profession:nth-child(3){transform:rotate(90deg) translate(-95px,-415px)}.home .profession-box .profession:nth-child(4){transform:rotate(180deg) translate(-150px,-335px);padding:20px}.home .profession-container .overlay{position:fixed;top:630px;left:50%;right:0;transform:rotate(90deg) translate(-50%,50%) scaleY(3);border-width:23.9rem}.portfolio-container .portfolio-box{height:250px}.contat form .input-box input{width:100%}}@media (max-width: 391px){.about-img img{width:60vw}.home .profession-container .overlay{position:fixed;top:690px;left:50%;right:0;transform:rotate(90deg) translate(-50%,50%) scaleY(3);border-width:23.9rem}.portfolio-container .portfolio-box{height:230px}.footer{flex-direction:column-reverse}.footer p{text-align:center;margin-top:2rem}}@media (max-width: 390px){.home{padding:0 3% 33rem;justify-content:center;text-align:center}.home .profession-container .overlay{position:fixed;top:715px;left:50%;right:0;transform:rotate(90deg) translate(-50%,50%) scaleY(3);border-width:23.9rem}.home .profession-container .profession-box{position:fixed;top:74%;left:0;border-radius:0;width:100%}}
