86 lines
952 B
CSS
86 lines
952 B
CSS
|
body {
|
||
|
|
background: var(--b-color);
|
||
|
|
margin: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
html {
|
||
|
|
scroll-behavior: smooth;
|
||
|
|
color-scheme: dark;
|
||
|
|
}
|
||
|
|
|
||
|
|
main {
|
||
|
|
min-height: calc(100vh - 28.625rem);
|
||
|
|
margin: 0 auto;
|
||
|
|
}
|
||
|
|
|
||
|
|
main.no-header {
|
||
|
|
min-height: 100vh;
|
||
|
|
transition: none;
|
||
|
|
margin: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
*,
|
||
|
|
*:after,
|
||
|
|
*:before {
|
||
|
|
transition: all 0.1s ease;
|
||
|
|
box-sizing: border-box;
|
||
|
|
|
||
|
|
&:focus {
|
||
|
|
outline: none;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
a,
|
||
|
|
p,
|
||
|
|
h1,
|
||
|
|
h2,
|
||
|
|
h3,
|
||
|
|
h4,
|
||
|
|
h5,
|
||
|
|
h6,
|
||
|
|
span,
|
||
|
|
label,
|
||
|
|
summary {
|
||
|
|
color: var(--f-color);
|
||
|
|
font-family: var(--p-font);
|
||
|
|
font-weight: 400;
|
||
|
|
}
|
||
|
|
|
||
|
|
a {
|
||
|
|
text-decoration: none;
|
||
|
|
text-underline-offset: .05rem;
|
||
|
|
}
|
||
|
|
|
||
|
|
.center,
|
||
|
|
.center-md,
|
||
|
|
.center-sm {
|
||
|
|
margin: 0 auto;
|
||
|
|
}
|
||
|
|
|
||
|
|
.center {
|
||
|
|
max-width: 52rem;
|
||
|
|
}
|
||
|
|
|
||
|
|
.center-md {
|
||
|
|
max-width: 38rem;
|
||
|
|
}
|
||
|
|
|
||
|
|
.no-overflow {
|
||
|
|
overflow-x: hidden;
|
||
|
|
}
|
||
|
|
|
||
|
|
.unselectable {
|
||
|
|
user-select: none;
|
||
|
|
-moz-user-select: none;
|
||
|
|
-khtml-user-select: none;
|
||
|
|
-webkit-user-select: none;
|
||
|
|
-o-user-select: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
::selection {
|
||
|
|
background: var(--h-color);
|
||
|
|
}
|
||
|
|
|
||
|
|
.hidden {
|
||
|
|
display: none;
|
||
|
|
}
|