p,h1,h2,h3,h4,h5,ol,ul,hr {color:#6EFF8E;}
body {
  background-color: #310075;
}
.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}
h1,h2,h3,h4,h5 {
  font-size: 40px;
}
ol,ul,hr,p {
  font-size: 20px;
}
@media(min-width: 600px) {
  .cat {
  float: center;
}
  @media(min-width: 600px) {
  .dog {
  float: center;
}
  @media(min-width: 600px) {
  .food {
  float: center;
}
@media (max-width: 600px) {
  body {
    background-color: #310075;
}
@media (max-width: 700px) {
  p,h1,h2,h3,h4,h5,ol,ul,hr {color:#6EFF8E;}
}