html{
    background-color:#FFF9F3;
}
h1 {
    position:relative;display: block;margin-left: auto; margin-right: auto;color:#FA8072;text-align:center;z-index:300
}
.dino{
 filter: hue-rotate(90deg) drop-shadow(5px 5px 5px #222);
}
.butter{
    filter:invert(100%)opacity(50%);;border-radius:100px 0px 100px 0px;
}
.tic{
  border:solid 27px #000000;border-image:url(https://a-good-student.neocities.org/Imitation-Assignment/tic-tac-toe.png) 49 round;filter:grayscale(100%);
}
.pen{
    border-radius:50%;border:1px solid;filter:sepia(50%);
}
.gull{
    background:linear-gradient(120deg, #8A70FF, white);box-shadow:0px 10px 3px #ABB2B9;
}
.stage{
  filter:blur(3px);
}
.centered {
    position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index:300
}

#container {
  height: 400px;
  width: 400px;
  position: relative;
}
#image {
  position: absolute;
  left: 0;
  top: 0;
}
#text {
  z-index: 100;
  position: absolute;
  color: white;
  font-size: 24px;
  font-weight: bold;
  left: 150px;
  top: 350px;
}