/* Kevin Powell's Css reset
 * https://www.youtube.com/watch?v=2lyDv0wOQuQ
 * https://www.youtube.com/watch?v=cCAtD_BAHNw
 */

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

html {
    hanging-punctuation: first last;
}

/* remove default spacing */
* {
    margin: 0;
    padding: 0;
    font: inherit;
}

/* min body height */
body {
    min-height: 100svh;
    color: var(--clr-blk, #112333);
}

h1, h2, h3, h4, h5, h6 {
    text-wrap: balance;
    
}

p {
    text-wrap: pretty;
    max-width: 70ch;
}

/* responsive images/videos */
img,
picture,
svg,
video {
    display: block;
    max-width: 100%;
}

button {
    padding: 0;
    background-color: transparent;
    border: 0 none transparent;
    cursor: pointer;
}

@media (prefers-reduced-motion: no-preference) {
    :has(:target) {
        scroll-behavior: smooth;
        scroll-padding-top: 3rem;
    }
}