/* Box Sizing Reset */
html {
    box-sizing: border-box;
}
*, *:before, *:after {
    box-sizing: inherit;
}

/* Remove Default Margins and Padding */
body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, dl, dt, dd, blockquote, figcaption, figure, img, hr {
    margin: 0;
    padding: 0;
}

/* Set Default Font Family and Line Height */
body {
    font-family: var(--font-sans);
    line-height: 1.6;
}

/* Set Default Font Size */
html {
    font-size: 16px;
}

/* Set Default Link Styles */
a {
    text-decoration: none;
    color: inherit;
}

/* Set Default Form Styles */
input, button, textarea, select {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

/* Set Default List Styles */
ol, ul {
    list-style: none;
}

/* Set Default Table Styles */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* Set Default Image Styles */
img {
    max-width: 100%;
    height: auto;
}

/* Set Default Quote Styles */
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}

/* Remove Default Focus Outline */
:focus {
    outline: none;
}

/* Set Default Visually Hidden Class */
.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}