body {
  background-color: #001524;
  color: #f4d06f;
  font-family: Verdana;
}
a{
 color: #ff7d00;
}
.starting-div{
  width: 30%;
  height: 200px;
  background-color: red;
  background-image: url("https://file.garden/aBMQjyKj5T3zDZsF/phm/PHM_PlaceHolder_BG.png");
  background-repeat: repeat-y;
  background-position: left;
  background-size: cover;
  text-align: center;
  transition: all 1s;
  transition-timing-function: ease-out;
  margin: 50px;
  border-radius: 25px;
  padding-top: 2%;
  }
  
  .starting-div:hover{
    transform: rotate(5deg);
    transform: scale(1.1);
  }
.rocky-text {
  font-family: "Iceland", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 35px;
}
.screen{
  background-color: #392f5a;
  width: 80%;
  margin-left: 10%;
}

@keyframes appear{
  from {
    opacity: 0;
    transform: scale(0.5);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
 
 .scrolling-text{
   animation: appear linear;
 }