Mini Reset CSS

*,::after,::before {
    box-sizing: border-box
}

a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

button {
    color: inherit;
    padding: 0;
    border: none;
    cursor: pointer;
    background: 0 0;
    font-size: inherit
}

form {
    display: block
}

input,select {
    font-size: inherit;
    font-family: inherit
}

pre {
    font-family: monospace
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    display: block
}

body {
    line-height: 1
}

ol,ul {
    list-style: none
}

blockquote,q {
    quotes: none
}

blockquote:after,blockquote:before,q:after,q:before {
    content: "";
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

img {
    max-width: 100%
}

a {
    text-decoration: none;
    color: inherit;
    transition: color .3s
}

textarea {
    font-size: inherit;
    font-family: inherit;
    line-height: inherit;
    resize: none
}

hr {
    height: 1px;
    background: var(--border);
    margin: 0;
    padding: 0;
    border: none
}

:focus:not(:focus-visible) {
    outline: 0
}