<div style="display: flex; flex-direction: column; justify-content: center; align-items: center;">
  <span style="margin-bottom: 0.75em; font-size: 1.5em;">
    <%= dgettext("emails", "Hi %{email},", email: @user.email) %>
  </span>

  <br />

  <span style="margin-bottom: 1em; font-size: 1.25em;">
    <%= dgettext("emails", "Welcome to Cannery") %>
  </span>

  <br />

  <%= dgettext("emails", "You can confirm your account by visiting the URL below:") %>

  <br />

  <a style="margin: 1em; color: rgb(31, 31, 31);" href={@url}><%= @url %></a>

  <br />

  <%= dgettext("emails", "If you didn't create an account at Cannery, please ignore this.") %>
</div>