Assessment Wanted for Typesetting a community school page

Hello,
Can I get some feedback please on this site and the efficiency.
I wasn’t able to complete the assignment without actually altering the html (added some classes). I would like to know how to do that.
Here is my repl.it (I hope it works - this is my first post ever):
https://typsetting-a-school-css.kevinayre.repl.co/

/* WRITE YOUR CODE BELOW HERE */

body{
font-family: ‘Source Serif Pro’, serif;
letter-spacing: 1px;
word-spacing:1.5px;
}

header h1{
font-size:2.5rem;
}

h1, h2, h3{
font-family: ‘Open Sans’, sans-serif;
letter-spacing: 2px;
font-size:2rem;
text-shadow: 2px 1px rgb(61, 59, 85);
}

html{
font-size:10px;
}

.bnw, .bsl{
text-indent:10px;
}
/.bnw and .bsl were classes I created to help the indent/

.bsl li{
list-style-type: square type;
}

/* Links */
a{
outline:none;
text-decoration:1px solid rgb(61, 59, 85);
}

a:link {
color: rgb(61, 59, 85);
font-weight: bold;
}

a:hover {
background:rgb(61, 59, 85);
color:whitesmoke;
border-bottom:2.5px solid black;
}

a:active {
background: red;
color: white;
}

.courses{
font-size:1.2rem;
letter-spacing: 2.5px;
list-style-type: square;
}
/.courses is the class I created in html/

.navlist a{
outline: none;
text-decoration: none;
display: inline-block;
width: 100%;
margin-top:2px;
margin-bottom:2px;
text-align: center;
line-height: 5;
color: whitesmoke;
font-size:1.4rem;
background:rgb(61, 59, 85);
}

.navlist a:hover{
background:black;
}

.navlist a:active{
background: red;
color: white;
}

.navlist li{
list-style-type: none;
}

Hello @Kevin_A

you doing great but it would be better to do it with out changing the html
and also you missed :point_right: Make it so that external links have the external link icon inserted next to them.

hope i did not miss anything else
also t would be nice to always post a link to the topic you talking about to be easier for anyone to get to it

and have a nice day :slight_smile: