Vorrei modificare il link in a:hover per aumentare la grandezza al passaggio del cursore, credo di aver già fatto un errore ad impostare la grandezza del carattere del link nel body ma non so come inserire per le modifiche soltanto l'elelemento link nel css.
Il codice in questione è questo:
body {
background-image: white;
font-family: Abraham Lincoln;
font-size: 35px;
}
</style>
<title>XXXXXXXX</title>
</head>
<body>
<!– top navbar –>
<header role="banner">
<img id="logo-main" src=".jpg" width="300" alt="xxxxxx">
<!<img id="logo-main" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/32877/logo-thing.png" width="200" alt="Logo Thing main logo">
<nav class="navbar navbar-expand-lg navbar-light">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarTogglerDemo02" aria-controls="navbarTogglerDemo02" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarTogglerDemo02">
<ul class="navbar-nav mr-auto mt-2 mt-lg-0">
<li class="nav-item active">
<a class="nav-link" href="#" style="color:#800000";>Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#" style="color:#800000">Prodotti</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#" style="color:#800000">Laboratorio</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#" style="color:#800000">Contatti</a>
</ul>
</div>
</nav>
GRAZIE PER L'AIUTO!!!