I want to style my website using CSS but it does not change font family. How to fix this?
This is html code:
<!DOCTYPE html>
<!-- ANGER. You are not supposed to be here! -->
<!-- Do Not edit this code and/or files unless you are a staff -->
<!-- Use The left,center,right value for align= -->
<html> <!-- HTML Start-->
<!-- Header -->
<head>
<meta charset="UTF-8">
<meta name="description" content="Mokka Chocolata">
<meta name="keywords" content="Youtube,Discord,Instagram ,And Roblox!">
<meta name="author" content="">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>YouTube,Discord,Instagram,And Roblox! - Mokka Chocolata</title>
<link href="style1.css" rel="stylesheet">
<!-- DANGER: DO NOT COPY --> <script type="text/javascript">
var _smartsupp = _smartsupp || {};
_smartsupp.key = 'd3b676d5423287c5c984896d6238c9f446955e43';
window.smartsupp||(function(d) {
var s,c,o=smartsupp=function(){ o._.push(arguments)};o._=[];
s=d.getElementsByTagName('script')[0];c=d.createElement('script');
c.type='text/javascript';c.charset='utf-8';c.async=true;
c.src='https://www.smartsuppchat.com/loader.js?';s.parentNode.insertBefore(c,s);
})(document);
</script>
</head> <!-- Header End -->
<body> <!-- Body -->
<!-- Letters -->
<h1 align="center">Mokka <br> Chocolata</h1>
<p align="center">
<a href="/links.html">Links</a> <br>
<a href="/application.html">Apply for staff</a> <br>
<a href="https://mokkachocolata1.statuspage.io/">Web Status</a> <br>
<a href="/secureconnection.html">Secure connection Help</a> <br>
<a> Our Bot! </a> <br>
<a href="https://discordbotlist.com/bots/857259867827208192"><img src="https://discordbotlist.com/api/v1/bots/857259867827208192/widget"></a>
</p>
</body> <!-- Body End-->
</html> <!-- HTML End-->
And CSS code (sorry if the } is missing)
body
{
font-size: 28pt;
font-family:sans-serif
But instead it's not changing font