<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<title>Para ti</title>

<style>
body{
    margin:0;
    height:100vh;
    display:flex;
    justify-content:center;
    align-items:center;
    background:#111;
    font-family:Arial;
    color:white;
    text-align:center;
}

.heart{
    position:relative;
    width:320px;
    height:290px;
    background:red;
    transform:rotate(-45deg);
    display:flex;
    justify-content:center;
    align-items:center;
    padding:30px;
}

.heart:before,
.heart:after{
    content:"";
    position:absolute;
    width:320px;
    height:290px;
    background:red;
    border-radius:50%;
}

.heart:before{
    top:-160px;
    left:0;
}

.heart:after{
    left:160px;
    top:0;
}

.text{
    transform:rotate(45deg);
    max-width:250px;
    font-size:14px;
}

.translation{
    margin-top:10px;
    font-size:12px;
    opacity:0.8;
}
</style>
</head>

<body>

<div class="heart">
<div class="text">

<b>미안해.</b><br>
내가 마음을 잘 표현하지 못해서 상처를 줬다면 정말 미안해.<br>
그래도 알아줬으면 해… 내가 너를 얼마나 사랑하는지.<br>
말로는 다 표현 못하지만, 나는 정말 너를 많이 사랑해.

<div class="translation">

Perdón.<br>
Si te lastimé porque no sé expresar bien mis sentimientos, lo siento mucho.<br>
Pero me gustaría que supieras cuánto te amo.<br>
No puedo decir todo con palabras, pero de verdad te amo muchísimo.

</div>

</div>
</div>

</body>
</html>