/* ==========================================================
   Birthday Website
   Reset CSS
   Author : Huy + ChatGPT
   ========================================================== */

/* =========================
   Box Model
========================= */

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

/* =========================
   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;

}

/* =========================
   Images
========================= */

img,
picture{

    display:block;

    max-width:100%;

    user-select:none;

    -webkit-user-drag:none;

}

/* =========================
   Video
========================= */

video{

    display:block;

    width:100%;

}

/* =========================
   SVG
========================= */

svg{

    display:block;

}

/* =========================
   Form
========================= */

input,
button,
textarea,
select{

    font:inherit;

    border:none;

    outline:none;

    background:none;

}

/* =========================
   Button
========================= */

button{

    cursor:pointer;

}

/* =========================
   Link
========================= */

a{

    color:inherit;

    text-decoration:none;

}

/* =========================
   List
========================= */

ul,
ol{

    list-style:none;

}

/* =========================
   Table
========================= */

table{

    border-collapse:collapse;

    border-spacing:0;

}

/* =========================
   Heading
========================= */

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

    font-size:inherit;

    font-weight:inherit;

}

/* =========================
   Paragraph
========================= */

p{

    overflow-wrap:break-word;

}

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

::selection{

    background:#FFD166;

    color:#000;

}

/* =========================
   Scrollbar
========================= */

::-webkit-scrollbar{

    width:10px;

}

::-webkit-scrollbar-track{

    background:#050816;

}

::-webkit-scrollbar-thumb{

    background:#FFD166;

    border-radius:999px;

}

::-webkit-scrollbar-thumb:hover{

    background:#f2be47;

}

/* =========================
   Reduce 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;

    }

}