.container {
  width: 55%;
  margin: auto;
  display: flex;
}

.rock{
  width: 5%;
  border-radius: 100%;
}

#message{
  font-size: 450%;
  color: #ffd3d0;
}

body {
  text-align: center;
  background-image: linear-gradient(to left, #fce043, #ff437c);
  margin: 0;
}

h1 {
  margin: 50px auto 20px;
  font-family: 'Lobster', cursive;
  text-shadow: 0 0 8px #383e47;
  font-size: 8rem;
  color: #ffe4f3;
}

p {
  font-size: 3rem;
  color: #700202;
  font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif
}

img {
  width: 50%;
  filter: drop-shadow(10px 10px 25px #792424);
}

button{
  font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
  color: #530404;
  filter: drop-shadow(0 5px 5px #792424);
  border-radius: 10px;
  border: none;
  background-color: rgb(255, 205, 205);
  margin-top: 60px;
  font-size: 1.9rem;
  height: 50px;
  width: 160px;
}

button:hover{
  background-color: #bce6ff;
}

.f1{
  margin: 5%  auto 0px;
  color: #fff6c5;
  font-size: 1.3rem;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.f2 {
  margin: 0 auto 30px;
  color: #EEEEEE;
  font-size: 1.6rem;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

i {color: #eeeeee ;}
i:hover {color: #6e185c;}


@media (max-width: 992px){
  h1{
    margin: 150px auto 0;
    font-size: 7rem;
  }

  .container{
    width: 100%;
    margin: 100px auto auto;
  }

  button{
    font-size: 60px;
    margin-top: 150px;
    height: 120px;
    width:330px
  }

  footer{
    margin-top: 30%;
    left: 10%;
    right: 10%;
  }

  .f1{
    font-size: 280%;
    bottom: 210px;
  }

  .f2{
    font-size: 300%;
    bottom: 80px;
  }

  .rock{
    opacity: 50%;
    position: absolute;
    top: 760px;
    left:37.5%;
    width: 25%
  }
}