/* #######
CSS RESETS https://www.joshwcomeau.com/css/custom-css-reset/
####### */

*::backdrop,
*::after,
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  line-height: 1.5
}
body { -webkit-font-smoothing: antialiased }
img, picture, video, canvas, svg {
  display: block;
  max-width: 100%
}
input, button, textarea, select { font: inherit }
p, h1, h2, h3, h4, h5, h6 { overflow-wrap: break-word }
#root {isolation: isolate }
a { text-decoration: none }
ul { list-style: none }

/* ###
LAYOUT
### */

body {
  min-height: 100vh;
  min-height: 100dvh;
  max-width: 100vw;
  max-width: 100dvw;
  display: grid
}

/* #######
RESPONSIVE
####### */

*.clickable:hover {
  cursor: pointer;
}

/* ######
DEBUGGING
###### */

*.debug { border: 1px solid limegreen }

/* * {
    border: 1px solid orangered;
    background: linear-gradient(135deg, rgba(0, 0, 255, 0.125) 0%, rgba(255, 0, 0, 0) 100%);
} */