body {
    margin: 0;
    padding: 0;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    background-color: rgb(8,8,8);
    color: rgb(200,200,200);
    text-align: center;
  }
  
  header {
    background-color: #333;
    color: #fff;
    padding: 20px;
  }
  
  h1 {
    margin: 0;
  }
  
  main {
    padding: 10px;
    margin: 15px;
  }

  p {
    line-height: 40px;
  }
  
  a {
    background-color: rgb(65, 255, 122);
    color: rgb(0, 15, 2);
    padding: 7px 7px;
    text-decoration: none;
  }
  
  a:hover {
    background-color: rgb(65, 255, 122);
    color: rgb(0, 15, 2);
    text-decoration: underline;
    transition: all 0.5s ease;
  }

  @media (max-width: 600px) {
    header {
      padding: 10px;
    }
    main {
      padding: 10px;
    }
  }