* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }

  @font-face {
    font-family: 'AstroSpace'; /*a name to be used later*/
    src: url('AstroSpace-eZ2Bg.ttf'); /*URL to font*/
}
body {
    background-color: whitesmoke;
    text-align: center; 
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  }
  header{
    background-color: darkmagenta;
    background-image: url('novastars.png');
    color: whitesmoke;
    text-align: center;
    padding: 1em 0;
    width: 100%;
    font-family: AstroSpace;

    a:link {
        color: whitesmoke;
        background-color: transparent;
        text-decoration: none;
        margin: 0 10px;
      }
      
      a:visited {
        color: whitesmoke;
        background-color: transparent;
        text-decoration: none;
        margin: 0 10px;
      }
      
      a:hover {
        color: whitesmoke;
        background-color: transparent;
        text-decoration: underline;
        margin: 0 10px;
      }
      
      a.active {
        color: whitesmoke;
        background-color: transparent;
        text-decoration: underline;
        margin: 0 10px;
        text-decoration-color:rgb(255, 220, 19);
        text-decoration-thickness:5px ;
      }
  }
  a:link {
    color: black;
    background-color: transparent;
    text-decoration: underline;
    margin: 0 10px;
  }
button {
  background-color: #55056b; /* Green */
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  border-radius: 8px;
  box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
}