* {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
  
html {
    width: 100%;
    height: 100%;
    font-family: var(--font-family);
}
  
body {

    background-color: var(--background-color);
    margin: 0;
    line-height: 1;
}

body:not(.in-iframe) {
    width: 100%;
    height: 100%;
}
  
  /* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
  
ol, ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
  
blockquote, q {
    quotes: none;
}
  
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
  
table {
    border-collapse: collapse;
    border-spacing: 0;
}

ul {
    padding: 0;
    list-style: none;
}
  
select {
    border: none;
}
  
button {
    cursor: pointer;
    outline: none;
    border: none;
    padding: 0;
}