/* =========================================
   HALDI.MY.ID
   Version 3.0
   RESET CSS
   Author : Haldi Ali Syukur
========================================= */

/* ===============================
   RESET
=============================== */

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

/* ===============================
   ROOT COLOR
=============================== */

:root{

    --primary:#1565c0;
    --primary-dark:#0d47a1;

    --background:#eef5ff;

    --white:#ffffff;

    --text:#333333;

    --text-light:#666666;

    --border:#e5e7eb;

    --shadow:0 12px 30px rgba(0,0,0,.08);

    --radius:22px;

}

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

html{

    scroll-behavior:smooth;

}

/* ===============================
   BODY
=============================== */

body{

    font-family:"Segoe UI",Arial,sans-serif;

    background:linear-gradient(135deg,#eef5ff,#dbeafe);

    color:var(--text);

    line-height:1.7;

    overflow-x:hidden;

    padding-bottom:120px;

}

/* ===============================
   LINK
=============================== */

a{

    text-decoration:none;

    color:inherit;

}

/* ===============================
   IMAGE
=============================== */

img{

    max-width:100%;

    display:block;

}

/* ===============================
   BUTTON
=============================== */

button{

    border:none;

    outline:none;

    cursor:pointer;

    font-family:inherit;

}

/* ===============================
   LIST
=============================== */

ul,
ol{

    list-style:none;

}

/* ===============================
   HEADING
=============================== */

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

    font-weight:700;

    line-height:1.3;

}

/* ===============================
   PARAGRAPH
=============================== */

p{

    color:var(--text);

}