Having trouble making this H1 element look better. An image of what it looks like is below (Red=What I want to modify, Blue=What I want it to look like) Source code is also below
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description" content="The fith (and final) practice webpage for Aidan Hammonds EPQ" />
<link rel="stylesheet" href="Practice Webpage 5.css" />
<link rel="icon" type="image/x-icon" href="favicon(PP5).ico" />
<title> Practice Webpage 5 </title>
</head>
<body id="body1">
<header>
<fieldset id="headset">
<div id="title">
<h1> AI being used in Education </h1>
</div>
<img src="https://tse2.mm.bing.net/th?id=OIP.SPhE7W3OyPECnH5OeC1onQHaDt&pid=Api&P=0&h=220" id="headimg" alt="A sixth form teacher teaching a classroom"/>
</fieldset>
</header>
<fieldset id="navigation">
<nav id="bar">
<header> Please choose where you would like to go! </header>
<ul>
<li><a class="nav" href="#Teaching">Teaching</a></li>
<li><a class="nav" href="#Students">Students</a></li>
<li><a class="nav" href="#Education-Entrepreneurs">Education Entrepreneurs</a></li>
</ul>
</nav>
</fieldset>
<body id="Teaching" class="sub">
<h2> Teaching </h2>
<section id="textT">
<div class="1stp"></div>
<div class="2ndp"></div>
<div class="summary"></div>
</section>
</body>
<body id="Students" class="sub">
<h2> Students </h2>
<section id="textS">
<div class="1stp">
</div>
<div class="2ndp"></div>
<div class="summary"></div>
</section>
</body>
<body id="Conclusion" class="sub">
<h2> Conclusion </h2>
</body>
</body>
</html>
*{
}
:root{
}
#body1{
background-color: black;
}
#bar{
}
#title{
padding: 0;
}
h1{
color: white;
font-family: droid-serif;
font-size: 4rem;
padding: 0;
row-gap: 3rem;
}
#headimg{
float: top;
height: 325px;
width: 625px;
padding-left: 700px;
padding-bottom: none;
}
#headset{
background-color: black;
padding: 0;
border: 400px;
}
.nav p{
border-bottom: grey;
list-type: none;
margin-bottom: 30px;
}
a, li, h2, h3{
color: white;
}
#navigation{
border-color: grey;
}
header{
color: white;
font-size: 1.7rem;
}
.sub{
display: grid;
}
.1stp{
}
.2ndp{
}
