body{
  background-color: rgb(31,46,52);
  color: rgb(253, 253, 253);
  animation: play 2s ease-out;

}

*{
  border-radius: 10px;
  animation: play2 2s ease-out;

}

.container {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.title{
  text-align: center;
  font-family: monospace;
  transition: all 1s ease-in-out;
}

.thisismehiimadethis:hover{
  transform: scale(1.1);
}
.thisismehiimadethis{
  transition: all 1s ease-in-out;

}
@keyframes my-animation {
  from {transform: scale(1.2);
  opacity: 0;}
  to {transform: scale(1);
  opacity: 1;
  transform: rotate(0deg);
}
}


@keyframes my-animation2 {
  from {transform: scale(1.2) rotate(5deg);
    opacity: 0;}
    to {transform: scale(1);
    opacity: 1;
    transform: rotate(0deg);
  }
}

.img:hover {transform: rotate(5deg);
  }

#generate-cat{
  padding: 10px;
    animation: my-animation .6s ease-out;

  color: white;
  background-color: rgb(44, 81, 129);
  transition: all 1s ease-in-out;
  outline-color: white;
  border: none;

}
#generate-cat:hover{
  transform: scale(1.1);
  -webkit-box-shadow: 7px 7px 0px 0px rgb(68, 86, 154);
  -moz-box-shadow:  7px 7px 0px 0px rgb(68, 86, 154);
  box-shadow:  7px 7px 0px 0px rgb(68, 86, 154);
  
  }
  html, body, * {
    cursor: url("https://i.postimg.cc/VLQ1QFgL/tiny.png"), default; 
  }
  .title{
    font-size: 30px;
  }

.go-back a{
  position: sticky;
  z-index: 500;
  font-size: 25px;
  z-index: 400;
  left: 20%;
  padding-top: 10px;
  transition:  2s ease-in-out;
  text-decoration: none;
  color: white;
    font-family: monospace;
}
.go-back{
  transition: all .4s ease-in-out;

}
.aboutme{
  color: aqua;
}
.go-back:hover{transform:rotate();}

.img{
  position: fixed;
  top: 50%;
  z-index: -100;
  left: 50%;
  transform: translate(-50%, -50%);
  transition:  2s ease-in-out;

}

.img:hover {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(1.1);
  -webkit-box-shadow: 47px 33px 0px 0px rgba(46, 72, 120, 0.75);
  -moz-box-shadow: 47px 33px 0px 0px rgba(46, 72, 120, 0.75);
  box-shadow: 47px 33px 0px 0px rgba(46, 72, 120, 0.75);
}
.container{
  opacity:  1;
  animation: fade-in 10s ease-out;
}