/* ========================================================= */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
/* ========================================================= */

/* ========================================================= */
@import "css/normalize_8.0.1.css";
@import "css/theme.css";
@import "css/text-format.css";
@import "css/buttons.css";
@import "css/div-button.css";
/* ========================================================= */


:root {
  --screen-height: 100vh;
  --screen-height: 100svh;
  /* height: 100dvh; */

  --semiellipse-height: 4vh;
  --header-height: 3rem;
}


/* EXTRA NORMALIZATIONS
   ========================================================= */
*,
*::before,
*::after {
  /* eliminate default spaces */
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

* {
  /* Prevent grid and flex items spilling out of their container  */
  min-width: 0;
  /* Shorthand property for setting font style */
  /* font: inherit; */
}

body {
  /* Ensure that the body fills the entire viewport */
  min-height: 100dvh;
}

h1,
h2,
h3,
h4,
h5,
h6,
span {
  /* Balance headings across multiple lines into an even block */
  text-wrap: balance;
  margin: 0;
}

p {
  /* Prevent text orphans (i.e., single words on last line) */
  text-wrap: pretty;
}

img,
video,
svg {
  display: block;
  height: auto;
  max-width: 100%;
}

/* ========================================================= */