/*  CSS Reset  */

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

body {
    min-height: 100vh;
    font: 1rem/1.5 Arial, sans-serif;
    text-rendering: optimizeSpeed;
}

img,
picture {
    height: auto;
    max-width: 100%;
    display: block;

    -webkit-touch-callout: none;   
    -webkit-user-select: none;     
    -moz-user-select: none;               
    user-select: none; 

    pointer-events: none;
}

input,
button,
textarea,
select {
    font: inherit;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

sub, 
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline; 
}
  
sub { bottom: -0.25rem; }
sup { top: -0.5rem; }


@media (prefers-reduced-motion: reduce) {

    html:focus-within { scroll-behavior: auto; }

    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
}