/*==================================================
  TutorMatch Design System v2.0
  File        : reset.css
  Description : Browser Reset & Base Reset
==================================================*/


/*==================================================
  1. UNIVERSAL RESET
==================================================*/

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

html{
    scroll-behavior:smooth;
}

body{
    width:100%;
    min-height:100vh;
    margin:0;
    padding:0;
    overflow-x:hidden;
    text-rendering:optimizeLegibility;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}
/*==================================================
  2. HTML & BODY
==================================================*/

html,
body{
    width:100%;
    overflow-x:hidden;
}

body{
    line-height:1.5;
}

:focus{
    outline:none;
}

:focus-visible{
    outline:none;
}
/*==================================================
  3. TYPOGRAPHY ELEMENTS
==================================================*/

h1,
h2,
h3,
h4,
h5,
h6,
p,
span,
small,
strong,
em,
blockquote,
pre,
code{
    margin:0;
    padding:0;
    font:inherit;
}

ul,
ol{
    list-style:none;
}

a{
    text-decoration:none;
    color:inherit;
}
/*==================================================
  4. MEDIA ELEMENTS
==================================================*/

img,
picture,
svg,
canvas,
video{
    display:block;
    max-width:100%;
}

img{
    height:auto;
    user-select:none;
    -webkit-user-drag:none;
}
/*==================================================
  5. FORMS & INTERACTIVE ELEMENTS
==================================================*/

button,
input,
textarea,
select{
    font:inherit;
    color:inherit;
    background:none;
    border:none;
}

button{
    cursor:pointer;
}

textarea{
    resize:none;
}

input,
textarea,
select{
    outline:none;
}

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

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

    html{
        scroll-behavior:auto;
    }

    *,
    *::before,
    *::after{
        animation:none !important;
        transition:none !important;
    }

}