Porquê quando deixo o zoom do navegador em 100% os espaçamentos não funcionam ? Todo conteúdo fica junto.
@import url('https://fonts.googleapis.com/css2?family=Krona+One&family=Montserrat:wght@400;600&display=swap');
*{ margin: 0%; padding: 0%; }
body{ height: 100vh; box-sizing: border-box; background-image: linear-gradient(black, #0D0727) ; color: white; }
.titulo-destaque{ color: #22D4FD; }
.apresentacao{ margin: 10% 15%; display: flex; align-items: center; justify-content: space-between;
}
.apresentacao__conteudo{ width: 615px; display: flex; flex-direction: column; gap: 40px; }
.apresentacao__conteudo__titulo{ font-size: 36px; font-family: 'Krona One', sans-serif; }
.apresentacao__conteudo__texto{ font-size: 24px; font-family: 'Montserrat', sans-serif;}
.apresentacao__botoes{ display: flex; justify-content: space-between; }
.apresentacao__botoes__botao{ background-color: #22D4FD; width: 280px; text-align: center; font-size: 24px; font-weight: 600; border-radius: 16px; padding: 24.5px 0; font-family: 'Montserrat', sans-serif; color: #000000; text-decoration: none; box-shadow: 10PX 10PX 20px black; }
.apresentacao__eu{ box-shadow: 10PX 10PX 10px black;}
