HTML/CSS - The UNCIV FanPage Online Editor and JavaScript Compiler

html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=0.4">
  <meta name="description" content="Unciv Comunity">
  <meta name="keywords" content:"app,seo,web positioning">
  <meta name="author" content="Wiler Amesty">
  <link rel="stylesheet" href="css/index.css">
  <script src="js/index.js"></script>
</head>
<body>
<img src= "https://i.ibb.co/1rd1MX4/5.png" width="80px" height="80px" align= "center" class= "icon"><title>Unciv FanPage</title>
<!--the end-->
  
<!--don't touch-->
<nav>
   <ul>
     <li><a href="#">|Install Mods|</a></li>
     <li><a href="#">|Create Mods|</a></li>
     <li><a href="#">|Download Mods|</a></li>
     <li><a href="#">|Download Apk|</a></li>
     <li><a href="#">|Multiplayer chat|</a></li>
     <li><a href="#">|Notices|</a></li>
     <li><a href="#">|Help|</a></li>

css

.em { font-family: florence, cursive }
.theuncivco {; text-shadow: rgba(255,255,255,1) -1px -2px 0.3em; Font-size: 110px;text-align: center; color: blue; }
.howtoplay { text-shadow: 5px 2px 3px  rgba(0,0,0,1); text-align: right; border-color: dark;Font-size: 80px; }
.listenup { 
  padding: 46px;color: dark; text-shadow: 4px 2px 3px;
  border: 7px; border-style: inset; border-color:  blue; Background-color: white; list-style: square; Font-size: 50px; border-radius: 40px; box-shadow: 1px 1px 15px 15px}
body {background: url('https://i.ibb.co/3kQt0RF/Bgdark.jpg'); background-color:  black; Background-size:1550px 1650px; Background-attachment: fixed; Background-repeat: no-repeat;}
.listenhelp { Font-size: 30px; text-shadow: 5px 2px 3px  rgba(0,0,0,1);color: white;}
  
.pfooter {color: white ;}
  
nav {padding: 50px 3; min-width: 500px;}
nav ul {
  Background:linear-gradient(90deg,
   rgba(0,0,255,0.5) 5%,
   rgba(0,0,255,0.6) 10%,
   rgba(0,0,255,0.6) 20%,
   rgba(0,0,255,0.5) 30%,
   rgba(0,0,255,0.4) 40%,
   rgba(0,0,255,0.3) 60%,
   rgba(0,0,255,0.5)80%,
   rgba(0,0,255,0.5) 100%); box-shadow: 0 0 25px  rgba(0,0,0,0.1), inset 0 0 1px  rgba(0,0,255,0.6);
} 

BROWSER

Console