Aqui está o meu código:
* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-size: 160;
font-family: Cochin;
}
body {
width: 90%;
margin: auto;
}
header {
background: url("../images/background_cover.jpg");
background-size: cover;
h1, h3 {
display: grid;
place-items: center;
color: white;
padding: 1.5rem;
}
h3 {
font-size: clamp(1rem, 1.2vw, 3rem);
padding: 2rem;
}
}
Todo o resto parece funcionar bem, exceto o bloco h1, h3 {}. Também testei alguns outros arquivos CSS que não são meus e o problema parece persistir. Mudei um pouco para o Chrome e tudo parece ótimo, mas prefiro entender o problema e continuar com o safari.
Também procurei soluções on-line, limpei meu cache, desativei extensões e nada pareceu funcionar.
O aninhamento de CSS é um recurso muito novo adicionado ao css, provavelmente por isso não funciona no safari.
Em vez disso, você pode usar Sass ou simplesmente não aninhar seletores.