html {
scroll-behavior: smooth;
}
body {
margin: 0;
background: var(--color-background);
color: var(--color-text);
font-family: var(--font-family);
font-size: 16px;
line-height: 1.65;
-webkit-font-smoothing: antialiased;
}
a {
color: inherit;
}
button,
input,
textarea,
select {
font: inherit;
} .site-content,
.ast-container,
.ast-row {
width: 100%;
max-width: none;
margin: 0;
padding: 0;
} @media screen and (min-width: 768px) and (max-width: 1366px) and (orientation: landscape) {
html,
body,
#page,
.site,
#content,
.site-content,
.ast-container,
.ast-row,
.content-area,
#primary {
width: 100% !important;
max-width: none !important;
min-width: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
.site-content,
.ast-container,
.ast-row {
padding-left: 0 !important;
padding-right: 0 !important;
}
.c-container {
width: 100%;
max-width: 1280px;
}
}