@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500&display=swap'); .scale-down { transform: scale(0.8); transform-origin: center; /* centralizar o ponto de origem da transformação */ } .tudo{ padding: 0; margin: 0; box-sizing: border-box; font-family: 'Poppins', sans-serif; } .tudo-body{ background-position: center; background-repeat: no-repeat; background-size: cover; display: flex; align-items: center; justify-content: center; padding: 20px; min-height: 100vh; } .w50{ width: 50%; float: left; padding-right: 15px; } .box{ display: flex; width: 1300px; z-index: 1; } .img-box{ background-color: rgba(255, 255, 255, 0.4); width: 50%; display: flex; align-items: center; padding: 10px; border-radius: 20px 0 0 20px; } .img-box img{ width: 100%; } .form-box{ background-color: rgba(255, 255, 255, 0.4); backdrop-filter: blur(40px); padding: 30px 40px; width: 50%; border-radius: 20px 20px 20px 20px; } .form-box h2{ font-size: 30px; } .form-box p{ font-weight: bold; color: #3D3D3D; } .form-box p a{ color: #FF931E; text-decoration: none; } .form-box form{ margin: 20px 0; } form .input-group{ margin-bottom: 15px; height: 12vh; } form .input-group label{ font-weight: bold; display: block; margin-bottom: 5px; } form .input-group input{ width: 100%; height: 47px; background-color: rgba(255, 255, 255, 0.32); border-radius: 20px; outline: none; border: 2px solid transparent; padding: 15px; font-size: 15px; color: #616161; transition: all 0.4s ease; } form .input-group input:focus{ border-color: #ff008869; } form .input-group button{ width: 100%; height: 47px; background: #FF931E; border-radius: 20px; outline: none; border: none; margin-top: 15px; color: white; cursor: pointer; font-size: 16px; } @media (max-width:930px) { .img-box{ display: none; } .box{ width: 700px; } .form-box{ width: 100%; border-radius: 20px; } } @media (max-width:500px) { .w50{ width: 100%; padding: 0; } } .jp1 { animation:slide 3s ease-in-out infinite alternate; background-image: linear-gradient(-60deg, #024A7F 50%, #0097C4 50%); bottom:0; left:-50%; opacity:.5; position:fixed; right:-50%; top:0; z-index:0; animation-duration: 5s; } .jp2 { animation-direction:alternate-reverse; animation-duration:6s; } .jp3 { animation-duration: 7s; } @keyframes slide { 0% { transform:translateX(-25%); } 100% { transform:translateX(25%); } } .custom-btn-outline { border: 2px solid #FF931E; /* A cor primária do Bootstrap */ color: #FF931E; background-color: transparent; padding: .375rem .75rem; font-size: 1rem; line-height: 1.5; border-radius: .25rem; transition: all .15s ease-in-out; } .custom-btn-outline:hover { color: #fff; background-color: #FF931E; border-color: #FF931E; } .custom-btn-outline:focus, .custom-btn-outline:active { box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); /* O foco "glow" do Bootstrap */ } .custom-btn-outline2 { border: 2px solid #08B81A; /* A cor primária do Bootstrap */ color: #08B81A; background-color: transparent; padding: .375rem .75rem; font-size: 1rem; line-height: 1.5; border-radius: .25rem; transition: all .15s ease-in-out; } .custom-btn-outline2:hover { color: #fff; background-color: #08B81A; border-color: #08B81A; } .custom-btn-outline2:focus, .custom-btn-outline:active { box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); /* O foco "glow" do Bootstrap */ } form .website { display: none; } form .website2 { display: none; }

Trocar de Contabilidade

Já é cliente? Faça Login

Entre em contato conosco

© Copyright 2024 SpolaorCompany. All Rights Reserved.