body {
    height: fit-content;
}

.heart {
    position: relative;
    display: grid;
    grid-template: "heart" auto
        "color-picker" 1fr;
    place-items: center;
    width: 100%;
    height: fit-content;
    padding: 0%;
    margin: 0;
}

.color-picker {
    font-family: Georgia, 'Times New Roman', Times, serif;
    opacity: 0;
    grid-area: color-picker;
}

.heart:hover .color-picker {
    opacity: 1;
}

.blur-heart {
    place-items: center;
    filter: blur(5px);
    grid-area: heart;
}

h1 {
    margin: 0%;
    font-size: 80px;
}

@media (max-width: 255px) {
    .color-picker label {
        display: none;
    }
}


@media (max-width: 110px) {
    h1 {
        font-size: 70vw;
    }

    .blur-heart {
        filter: blur(4px);
    }
}