CSS loading in Chinese - css

Question

When I opened my webpage, the CSS was not working so I checked the console to see what was going on and it turns out it wasn't loading because my CSS was in Chinese, even though it is English in my Sublime Text program.
Here is the Chinese:
⨯䜠湥牥污䌠卓映牯攠敶祲瀠条⁥⼪਍汵渣癡笠਍瀉獯瑩潩㩮猠楴正㭹਍††楬瑳猭祴敬琭灹㩥渠
湯㭥਍††慭杲湩›㬰਍††慰摤湩㩧〠഻ †漠敶晲潬㩷栠摩敤㭮਍††慢正牧畯摮挭汯牯›㌣㑆㑄㬲਍††
潢⵸桳摡睯›瀰⁸瀸⁸㘱硰〠硰爠执⡡ⰰⰰⰰ⸰⤲഻ऊൽഊ氊⹩慮⁶ൻ †映潬瑡›敬瑦഻ऊൽഊ氊⁩ⱡ愠瀮摡
笠਍††楤灳慬㩹椠汮湩ⵥ汢捯㭫਍††潣潬㩲⌠㉅㙅㍅഻ †琠硥⵴污杩㩮挠湥整㭲਍††慰摤湩㩧㈠瀰⁸
㔲硰഻ †琠硥⵴敤潣慲楴湯›潮敮഻ऊ潦瑮猭穩㩥㈠瀰㭸਍昉湯⵴慦業祬›匧畯捲⁥慓獮倠潲Ⱗ猠湡⵳敳
楲㭦਍紉਍਍楬愠瀮摡笠਍瀉摡楤杮›〲硰㘠瀰㭸਍紉਍਍楬渮癡愠栺癯牥笠਍戉捡杫潲湵ⵤ潣潬㩲⌠䐸
㤹〹഻ऊൽഊ氊⁩⹡捡楴敶栺癯牥笠਍按汯牯›䔣䔲䔶㬳਍紉਍ഉ栊浴ⱬ戠摯⁹ൻ †洠牡楧㩮〠഻ †瀠摡
楤杮›㬰਍戉捡杫潲湵ⵤ潣潬㩲爠执㠨ⰹ㤠ⰸㄠ㘰㬩਍紉਍਍⹡捡楴敶笠਍戉捡杫潲湵ⵤ潣潬㩲⌠㉅㙅㍅
※਍按汯牯›㌣㑆㑄㬲਍紉਍਍爣杩瑨慮⁶ൻऊ汦慯㩴爠杩瑨഻ऊൽഊ瀊笠਍洉牡楧⵮潢瑴浯›瀲㭸
਍ൽഊ栊笱਍洉牡楧⵮潢瑴浯›瀳㭸਍
My CSS is supposed to load as:
ul#nav {
position: sticky;
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: #3F4D42;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
li.nav {
float: left;
}
li a, a.pad {
display: inline-block;
color: #E2E6E3;
text-align: center;
padding: 20px 25px;
text-decoration: none;
font-size: 20px;
font-family: 'Source Sans Pro', sans-serif;
}
li a.pad {
padding: 20px 60px;
}
li.nav a:hover {
background-color: #8D9990;
}
li a.active:hover {
color: #E2E6E3;
}
html, body {
margin: 0;
padding: 0;
background-color: rgb(89, 98, 106);
}
a.active {
background-color: #E2E6E3;
color: #3F4D42;
}
#rightnav {
float: right;
}
p {
margin-bottom: 2px;
}
h1{
margin-bottom: 3px;
}