body {
  width: 100%;
  height: auto;
  margin: auto;
  overflow: hidden;
  background-color: black;
  color: white;
  font-family: times;
  text-align: center;
  font-size: 115%;
}

header {
  margin-top: 4%;
  text-align: center;
  font-size: 175%;
}

main {
  font-size: 115%;
}

.bf {
  text-align: center;
  font-size: 90%;
}

.pink {
  color: #fc0fc0;
  text-decoration: none;
}

.pink:hover {
  color: #fc0fc0;
  text-decoration: underline;
}

.pink:visited {
  color: #fc0fc0;
  text-decoration: none;
}

.red { 
 color: red; 
 text-decoration: none;
}

.red:hover {
  color: red;
  text-decoration: underline;
}

@media (max-width: 600px) {
  .desktop {
    display: none;
  }
}

@media (min-width: 601px) {
  .mobile {
    display: none;
  }
}

footer {
  width: 100%;
  height: 8%;
  position: fixed;
  color: red;
  text-align: center;
  font-size: 115%;
  background-color: black;
  bottom: 1%;
}