@import url('https://fonts.googleapis.com/css2?family=Inter&display=swap');

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    background-color: rgb(247, 235, 220);
    font-family: 'Inter', sans-serif;
    text-align: center;
    overflow: hidden;
    margin: 0;
    height: 100vh;
}

h1 {
    margin: 2rem 0;
    text-align: center;
}

.fa-solid {
    color: rgb(221, 133, 26);
}

.loveMe img {
    cursor: pointer;
    position: relative;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.loveMe .fa-solid {
    position: absolute;
    animation: grow 0.6s linear;
    transform: translate(-50%, -50%) scale(0);
}

@keyframes grow {
    to {
        transform: translate(-50%, -50%) scale(10);
        opacity: 0;
    }
}