body {
  color: orange;
  font-family: sans-serif;
  
  transition: background-color 6s linear;
  background-color: #333;
}

h1, h2, h3, h4, h5, h6 {
  text-shadow: 4px 4px #ff5500;
}

a,
a:link,
a:visited,
a:hover,
a:focus
{
  color: yellow;
  text-decoration: underline;
}

img {
  max-width: 100%;
  height: auto;
}

.not-links {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.not-links li {
  margin: 0;
  padding: 0;
}
body {
  color: orange;
  font-family: sans-serif;
  
  transition: background-color 6s linear;
  background-color: #333;
}

h1, h2, h3, h4, h5, h6 {
  text-shadow: 4px 4px #ff5500;
}

a,
a:link,
a:visited,
a:hover,
a:focus
{
  color: yellow;
  text-decoration: underline;
}

img {
  max-width: 100%;
  height: auto;
}

li {
    padding-top: .25em;
    padding-bottom: .25em;
}

.not-links {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.not-links li {
  margin: 0;
  padding: 0;
}

Add padding on links for mobile-friendliness
Add padding on links for mobile-friendliness
