body {
    font-family:'poppins';
    scrollbar-gutter: stable;
    scroll-behavior: smooth;
}
/* start modern css */
*,
*::before,
*::after {
    box-sizing: border-box;
}
body,
h1,
h2,
h3,
h4,
p,
figure,
blockquote,
dl,
dd {
    margin: 0;
}
ul[role='list'],
ol[role='list'] {
    list-style: none;
}
html:focus-within {
    scroll-behavior: smooth;
}
a:not([class]) {
    text-decoration-skip-ink: auto;
}
a{
    text-decoration: none;
}
img,
picture {
    max-width: 100%;
    display: block;
}
input,
button,
textarea,
select {
    font: inherit;
}
/* end modern css */
/* Global Style */
:root {
    --primary1-color: #353535;
    --primary2-color : #8A6BA7;
    scrollbar-gutter: stable;
}
::-webkit-scrollbar {
    width: 3px;
}
::-webkit-scrollbar-thumb {
    background-color: var(--primary1-color);
}
::-webkit-scrollbar-track {
    background-color: #d4d1d1;
}
.purple {
    color: var(--primary2-color);
}