/**/
/* Utilities */
/**/

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
}

a {
    text-decoration: none;
    color: inherit;
}

button, a {
    -webkit-tap-highlight-color: transparent;
}

a:focus-visible,
button:focus-visible {
    outline: 2px black solid;
    outline-offset: 2px;
}

h1,
h2,
h3,
h4,
p {
    margin: 0;
}

.soft-read {
    line-height: 1.7rem;
}

/* Specifically only show on mobile/small screens */
.mobile {
    display: flex;
}

/* Specifically only show on desktop/large screens */
.desktop {
    display: none !important;
}



/**/
/* Large Screens */
/**/

@media only screen and (min-width: 750px) {

    .mobile {
        display: none !important;
    }

    .desktop {
        display: flex !important;
    }
}