* {
  box-sizing:border-box;
}    
body {
  background-image:url(https://teethdotjpeg.neocities.org/backgrounds/computer%20background.gif);
  background-color:linen;
  color:linen;
}      
h1 {
  font-size:4rem;
  margin:0px;
}    
p {
  font-size:2rem;
}
#kitty-graphic {
  margin:auto;
}
.container {
  text-align:center;
  background-image:url("https://teethdotjpeg.neocities.org/backgrounds/arcade%20carpet.jpg");
  width:60%;
  height:auto;
  margin:0;
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  padding:40px 15px;
  border-style:outset;
  border-width:15px;
  border-color:deeppink;
  border-radius:50px;
  display:grid;
  grid-template:
    "main kitty-graphic"
  / 1fr 1fr;
}
main {
  grid-area:main;
}
#kitty-graphic {
  grid-area:kitty-graphic;
}
main {
  display:inline-block;
  width:50%;
  margin:auto;
}
a:link, a:visited {
  color:linen;
}
a:hover, a:active {
  color:chartreuse;
}

@media (max-width:700px) {
  .container {
    width:90%;
    padding:10px;
  }
  main {
    display:block;
    width:auto;
  }
  #kitty-graphic {
    width:70%;
    height:auto;
  }
  p {
    margin-top:10px;
  }
}
      
@media (min-width:700px) {
  #kitty-graphic {
    width:auto;
    height:100%;
  }
}