@import url(./header.css);
@import url(./body.css);
@import url(./footer.css);

*,
*::before,
*::after {
    box-sizing: border-box;
}

@font-face {
  font-family: 'lovers-normal';
  src:
    url('/fonts/Lovers in New York.ttf') format('truetype'),
    url('/fonts/Lovers in New York.otf') format('opentype');
}

@font-face {
  font-family: 'lovers-bold';
  src:
    url('/fonts/Lovers in New York Bold.ttf') format('truetype'),
    url('/fonts/Lovers in New York Bold.otf') format('opentype');
}

a{
    text-decoration: underline;
    color:black;
    font-weight: 900;
    z-index: 10;
}

html, body {
  margin: 0;
  padding: 0;
  scroll-behavior: smooth;
  /* FIXED: previene scroll horizontal causado por
     los SVGs y elementos decorativos que desbordan */
  overflow-x: hidden;
}

body {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100dvh;
    background-image: url("/images/white-empty-canvas.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    overflow-x: hidden;
    overflow: hidden;
}