/* ==========================================================================

   Fluxoweby
   Reset CSS
   Version: 1.0

   ========================================================================== */

/* ==========================================================================
   Box Sizing
   ========================================================================== */

*,
*::before,
*::after{

    box-sizing:border-box;

}

/* ==========================================================================
   Reset
   ========================================================================== */

*{

    margin:0;

    padding:0;

}

/* ==========================================================================
   HTML
   ========================================================================== */

html{

    scroll-behavior:smooth;

    -webkit-text-size-adjust:100%;

    text-size-adjust:100%;

}

/* ==========================================================================
   Body
   ========================================================================== */

body{

    min-height:100vh;

    text-rendering:optimizeLegibility;

    -webkit-font-smoothing:antialiased;

    -moz-osx-font-smoothing:grayscale;

}

/* ==========================================================================
   Media
   ========================================================================== */

img,
picture,
svg,
canvas,
video{

    display:block;

    max-width:100%;

    height:auto;

}

/* ==========================================================================
   Forms
   ========================================================================== */

input,
button,
textarea,
select{

    font:inherit;

    color:inherit;

    background:none;

    border:none;

    outline:none;

}

textarea{

    resize:vertical;

}

button{

    cursor:pointer;

}

button:disabled{

    cursor:not-allowed;

}

/* ==========================================================================
   Links
   ========================================================================== */

a{

    color:inherit;

    text-decoration:none;

}

/* ==========================================================================
   Lists
   ========================================================================== */

ul,
ol{

    list-style:none;

}

/* ==========================================================================
   Tables
   ========================================================================== */

table{

    border-collapse:collapse;

    border-spacing:0;

}

/* ==========================================================================
   Headings
   ========================================================================== */

h1,
h2,
h3,
h4,
h5,
h6{

    font-size:inherit;

    font-weight:inherit;

}

/* ==========================================================================
   Paragraphs
   ========================================================================== */

p{

    overflow-wrap:break-word;

}

/* ==========================================================================
   Horizontal Rule
   ========================================================================== */

hr{

    border:none;

}

/* ==========================================================================
   Fieldset
   ========================================================================== */

fieldset{

    border:none;

}

/* ==========================================================================
   Dialog
   ========================================================================== */

dialog{

    border:none;

    padding:0;

}

/* ==========================================================================
   Hidden
   ========================================================================== */

[hidden]{

    display:none !important;

}

/* ==========================================================================
   Selection
   ========================================================================== */

::selection{

    background:rgba(37,99,235,.25);

}

/* ==========================================================================
   Focus
   ========================================================================== */

:focus-visible{

    outline:2px solid currentColor;

    outline-offset:3px;

}

/* ==========================================================================
   Reduced Motion
   ========================================================================== */

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

    html{

        scroll-behavior:auto;

    }

    *,
    *::before,
    *::after{

        animation-duration:.01ms !important;

        animation-iteration-count:1 !important;

        transition-duration:.01ms !important;

        scroll-behavior:auto !important;

    }

}