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

* {
    margin: 0;
    padding: 0;
    font: inherit;
}

html {
    color-scheme: dark light;
}

:root {
    --clr-1: #052b2f;
    --clr-2: #073438;
    --clr-3: cyan;
    --clr-4: #2d8f85;
    --clr-5: mediumvioletred;
 }
/* :root {
    --clr-1: #052b2f;
    --clr-2: #073438;
    --clr-3: #0e4b50;
    --clr-4: #2d8f85;
    --clr-5: #637c54;
 } */
 
  body {
    background: var(--clr-2);
    min-height: 80vh;
    display: grid;
    place-content: center;
 }