style.css

html {background: radial-gradient(farthest-corner at right,#b7b7b7b7,#2f0023);
      background-repeat: no-repeat;
      cursor: default;
      font-weight: bold;
      font-family:'Poppins';
      width: 100%; height: 275%; color: white;}

.Image {height: 80%; width: 80%;
        border: solid 2px pink;
        background: black;
        transition: box-shadow 0.3s;
        border-radius: 50px;}

.Image:hover {box-shadow: 0px 0px 15px magenta;
              transition: box-shadow 0.3s;}

h3,h1 {text-shadow: 0px 0px 15px red;}

.funny {color:white; transition: color 1.0s;}

.funny:hover {rotate: 360deg; color: pink; transition: rotate 1.0s, color 1.0s;}

@media screen and (min-width: 900px){
  html {height: 300%;}
  .Image {height: 25%; width: 25%;}
}

/*please if u r reading this, i just copied a bit of your code, srry :3*/