html,body {
    height: 100%;
}

ul{
    list-style: none;
  }
  nav {
    overflow: hidden;
    position: fixed;
    top: 0;
    width: 100%;
    background: #0f3854;
    background: radial-gradient(ellipse at center,  #0a2e38  0%, #000000 70%);
    background-size: 100%;
    text-decoration: none;
  }
  
  nav a {
    float: left;
    color: aliceblue;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
  }
  
  nav a:hover {
    background: #0f3854;
    text-decoration: none;
  }

body {
    background: #0f3854;
    background: radial-gradient(ellipse at center,  #0a2e38  0%, #000000 70%);
    background-size: 100%;
}

h1{
color: aliceblue;
text-align: center;
font-family: 'Share Tech Mono', monospace;
transform: translate(-50%, -50%);
color: #daf6ff;

}
a{
    margin: 10;
    padding: 10;
    color: aliceblue;
    text-align: center;
    font-size: 80px;
    
}
#clock {
    font-family: 'Share Tech Mono', monospace;
    color: #ffffff;
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: #daf6ff;
    text-shadow: 0 0 20px rgba(10, 175, 230, 1),  0 0 20px rgba(10, 175, 230, 0);


}