*,*:after,*:before{position:relative;box-sizing:border-box;}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,button,hr,input,textarea{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
a,button{transition:.3s;cursor:pointer;color:inherit;}
button{border:0;padding:0;background:none;display:inline-block;}
a,a:hover,button,button:hover,*:focus,*:active{text-decoration:none;outline:none;}
body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:subpixel-antialiased;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;}
ol,ul{list-style:none;}
table{border-collapse:collapse;border-spacing:0;}
strong{font-weight:600}
img,svg{vertical-align:bottom;height:auto;}
picture{display:block;}
picture img{max-width:100%;}
em,i{font-style:italic;}

/* scrollbar styling */
*{scrollbar-color:var(--white) var(--black);scrollbar-width:thin;}
*::-webkit-scrollbar{width:5px;background-color:var(--black);}
*::-webkit-scrollbar-thumb{background-color:var(--white);}
html::-webkit-scrollbar{width:4px;background-color:var(--black);}
html{scrollbar-width:thin;scroll-behavior:smooth;}

/* selection styling */
*::-moz-selection{background-color:var(--black);color:var(--white);}
*::selection{background-color:var(--black);color:var(--white);}

/* selection placeholder */
::-webkit-input-placeholder{color:inherit;opacity:.5}
::-moz-placeholder{color:inherit;opacity:.5}
::-ms-input-placeholder{color:inherit;opacity:.5}