Pessoal td bem? Alguém faria a grande gentileza de me ajudar com esse código? Nele contém o HTML e o CSS. Acontece o seguinte, ele aparece perfeitamente no Mozilla e Chrome, porém no Internet Explorer ele não aceita as configurações de CSS. Meu I.E é a versão 11 portanto não sei porque está incompatível. E isso acontece com as outras páginas desse site. Alguém poderia me ajudar por favor.
<html>
<head>
<title>Ferramentas</title>
<meta charset="utf-8">
<meta name="viewport" content="width=500, initial-scale=1">
<link href="css/reset.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;1,300;1,400;1,600&display=swap" rel="stylesheet">
</head>
<!-------------------------- CSS do cabeçalho -------------->
<style>
html{
font-size: 62,5%;
font-family: 'Open Sans', sans-serif;
}
a{
text-decoration: none !important;
}
.header {
padding: 0 1.25rem;
height: 110px;
background: linear-gradient(to right, #005CA9, #54BBAB);
position: relative;
}
.headerNavegacao{
width: 85%;
display: flex;
justify-content: space-between;
align-items: center;
color: #fff;
font-family: sans-serif;
position: relative;
}
.logoCiope{
font-weight: 600;
font-size: 2.1rem;
color: #fff;
font-family: inherit;
margin-top: 1.3rem;
margin-left: 4rem;
}
.logoCiopeTitulo{
font-size: 1rem;
color: #fff;
font-weight: 500;
margin-top: 0.5rem;
margin-left: 4rem;
}
.tituloSite{
box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
font-size: 1.5rem;
right:-7rem;
position: relative;
margin-top: 1.5rem;
}
</style>
<body>
<header class = "header">
<nav class = "headerNavegacao">
<a href = http://www.ciopebu.sp.caixa/home/#!/>
<h1 class = "logoCiope">CIOPE BAURU</h1>
<h5 class = "logoCiopeTitulo">CENTRALIZADORA REGIONAL DE OPERAÇÕES BANCÁRIAS BAURU</h5>
</a>
<h2 class = "tituloSite"> Painel Ferramentas Concessão PJ</h2>
</nav>
</header>
