*{
    margin:0;
    padding:0;
}

html{
    color-scheme: dark light;
}

body{
    min-height:100svh;
    font-family: -apple-system, BlinkMacSystemFont, sans-serif;
}

img{
    vertical-align: middle;
    max-width:100%;
    height:auto;
    font-style:italic;
}

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

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

@media (prefers-reduced-motion: no-preference){
    html {
        scroll-behavior: smooth;
    }
}