*{
    margin: 0;
    padding: 0;
}

body {
    background-image:linear-gradient(to bottom, rgb(241, 241, 241), rgba(117, 19, 93, 0.73)), url(../images_print_batika/pb_image_6.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;

  }

h1{
    margin: 0;
    padding: 0;
    color: white;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    text-align: center;
    position: absolute;
    font-size: 4em;
    text-shadow: 2px 2px 3px #AD208E;
    top: 75%;
    left: 50%;
    transform: translateX(-50%)translateY(-50%);
 }

img{
    margin: 0;
    padding: 0;
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translateX(-50%)translateY(-50%);
    transition: transform 0.5s ease;
}

img:hover{
    transform: rotate(-180deg);
}

h2{
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    margin: 0;
    padding: 0;
    text-align: center;
    position: absolute;
    top: 95%;
    left: 52%;
    color: white;
    transform: translateX(-50%)translateY(-50%);
       }
i, .fa-solid fa-phone-volume{
    margin: 0;
    padding: 0;
    position: absolute;
    top: 80%;
    left: -10%;
   color: white;
    transform: translateX(-50%)translateY(-50%);
    }
/* margin: 0;
    padding: 0;
    font-family: 'Courier New', Courier, monospace;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%)translateY(-50%);
    color: white; */