|
|
|
|
:root {
|
|
|
|
|
--accent: rgb(35,176,255);
|
|
|
|
|
--accent-alpha-70: rgba(35,176,255,.7);
|
|
|
|
|
--accent-alpha-20: rgba(35,176,255,.2);
|
|
|
|
|
--background: #1D212C;
|
|
|
|
|
--color: white;
|
|
|
|
|
--border-color: rgba(255, 255, 255, .1)
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
h1 {
|
|
|
|
|
background-color: inherit;
|
|
|
|
|
color: var(--accent);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
header h1 {
|
|
|
|
|
font-size: 5rem;
|
|
|
|
|
width: 100%;
|
|
|
|
|
text-align: center;
|
|
|
|
|
height: 90%;
|
|
|
|
|
align-items: center;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
margin: 0;
|
|
|
|
|
padding: 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.button-container {
|
|
|
|
|
display:table;
|
|
|
|
|
margin-left:auto;
|
|
|
|
|
margin-right:auto
|
|
|
|
|
}
|
|
|
|
|
button,
|
|
|
|
|
.button,
|
|
|
|
|
a.button {
|
|
|
|
|
position:relative;
|
|
|
|
|
display:flex;
|
|
|
|
|
align-items:center;
|
|
|
|
|
justify-content:center;
|
|
|
|
|
padding:8px 18px;
|
|
|
|
|
margin-bottom:5px;
|
|
|
|
|
text-align:center;
|
|
|
|
|
border-radius:8px;
|
|
|
|
|
border:1px solid transparent;
|
|
|
|
|
appearance:none;
|
|
|
|
|
cursor:pointer;
|
|
|
|
|
outline:none
|
|
|
|
|
}
|
|
|
|
|
button.outline,
|
|
|
|
|
.button.outline,
|
|
|
|
|
a.button.outline {
|
|
|
|
|
background:transparent;
|
|
|
|
|
box-shadow:none;
|
|
|
|
|
padding:8px 18px
|
|
|
|
|
}
|
|
|
|
|
button.outline :hover,
|
|
|
|
|
.button.outline :hover,
|
|
|
|
|
a.button.outline :hover {
|
|
|
|
|
transform:none;
|
|
|
|
|
box-shadow:none
|
|
|
|
|
}
|
|
|
|
|
button.primary,
|
|
|
|
|
.button.primary,
|
|
|
|
|
a.button.primary {
|
|
|
|
|
box-shadow:0 4px 6px rgba(50,50,93,0.11),0 1px 3px rgba(0,0,0,0.08)
|
|
|
|
|
}
|
|
|
|
|
button.primary:hover,
|
|
|
|
|
.button.primary:hover,
|
|
|
|
|
a.button.primary:hover {
|
|
|
|
|
box-shadow:0 2px 6px rgba(50,50,93,0.21),0 1px 3px rgba(0,0,0,0.08)
|
|
|
|
|
}
|
|
|
|
|
button.link,
|
|
|
|
|
.button.link,
|
|
|
|
|
a.button.link {
|
|
|
|
|
background:none;
|
|
|
|
|
font-size:1rem
|
|
|
|
|
}
|
|
|
|
|
button.small,
|
|
|
|
|
.button.small,
|
|
|
|
|
a.button.small {
|
|
|
|
|
font-size:.8rem
|
|
|
|
|
}
|
|
|
|
|
button.wide,
|
|
|
|
|
.button.wide,
|
|
|
|
|
a.button.wide {
|
|
|
|
|
min-width:200px;
|
|
|
|
|
padding:14px 24px
|
|
|
|
|
}
|
|
|
|
|
a.read-more,
|
|
|
|
|
a.read-more:hover,
|
|
|
|
|
a.read-more:active {
|
|
|
|
|
display:inline-flex;
|
|
|
|
|
background:none;
|
|
|
|
|
box-shadow:none;
|
|
|
|
|
padding:0;
|
|
|
|
|
max-width:100%
|
|
|
|
|
}
|
|
|
|
|
.code-toolbar {
|
|
|
|
|
margin-bottom:20px
|
|
|
|
|
}
|
|
|
|
|
.code-toolbar .toolbar-item a {
|
|
|
|
|
position:relative;
|
|
|
|
|
display:inline-flex;
|
|
|
|
|
align-items:center;
|
|
|
|
|
justify-content:center;
|
|
|
|
|
padding:3px 8px;
|
|
|
|
|
margin-bottom:5px;
|
|
|
|
|
text-align:center;
|
|
|
|
|
font-size:13px;
|
|
|
|
|
font-weight:500;
|
|
|
|
|
border-radius:8px;
|
|
|
|
|
border:1px solid transparent;
|
|
|
|
|
appearance:none;
|
|
|
|
|
cursor:pointer;
|
|
|
|
|
outline:none
|
|
|
|
|
}
|
|
|
|
|
.header {
|
|
|
|
|
display:flex;
|
|
|
|
|
flex-direction:column;
|
|
|
|
|
position:relative;
|
|
|
|
|
}
|
|
|
|
|
.header__inner {
|
|
|
|
|
display:flex;
|
|
|
|
|
align-items:center;
|
|
|
|
|
justify-content:space-between
|
|
|
|
|
}
|
|
|
|
|
.header__logo {
|
|
|
|
|
display:flex;
|
|
|
|
|
flex:1
|
|
|
|
|
}
|
|
|
|
|
.header__logo:after {
|
|
|
|
|
content:'';
|
|
|
|
|
background:repeating-linear-gradient(90deg, var(--accent), var(--accent) 2px, transparent 0, transparent 16px);
|
|
|
|
|
display:block;
|
|
|
|
|
width:100%;
|
|
|
|
|
right:10px
|
|
|
|
|
}
|
|
|
|
|
.header__logo a {
|
|
|
|
|
flex:0 0 auto;
|
|
|
|
|
max-width:100%
|
|
|
|
|
}
|
|
|
|
|
.header .menu {
|
|
|
|
|
margin:20px 0 0
|
|
|
|
|
}
|
|
|
|
|
.header .menu__inner {
|
|
|
|
|
display:flex;
|
|
|
|
|
flex-wrap:wrap;
|
|
|
|
|
list-style:none;
|
|
|
|
|
margin:0;
|
|
|
|
|
padding:0
|
|
|
|
|
}
|
|
|
|
|
.header .menu__inner li.active {
|
|
|
|
|
color:var(--accent-alpha-70)
|
|
|
|
|
}
|
|
|
|
|
.header .menu__inner li:not(:last-of-type) {
|
|
|
|
|
margin-right:20px;
|
|
|
|
|
margin-bottom:10px;
|
|
|
|
|
flex:0 0 auto
|
|
|
|
|
}
|
|
|
|
|
.header .menu__sub-inner {
|
|
|
|
|
position:relative;
|
|
|
|
|
list-style:none;
|
|
|
|
|
padding:0;
|
|
|
|
|
margin:0
|
|
|
|
|
}
|
|
|
|
|
.header .menu__sub-inner:not(:only-child) {
|
|
|
|
|
margin-left:20px
|
|
|
|
|
}
|
|
|
|
|
.header .menu__sub-inner-more {
|
|
|
|
|
position:absolute;
|
|
|
|
|
background:var(--background);
|
|
|
|
|
box-shadow:var(--shadow);
|
|
|
|
|
color:white;
|
|
|
|
|
border:2px solid;
|
|
|
|
|
margin:0;
|
|
|
|
|
padding:10px;
|
|
|
|
|
list-style:none;
|
|
|
|
|
z-index:99;
|
|
|
|
|
top:35px;
|
|
|
|
|
left:0
|
|
|
|
|
}
|
|
|
|
|
.header .menu__sub-inner-more-trigger {
|
|
|
|
|
color:var(--accent);
|
|
|
|
|
user-select:none;
|
|
|
|
|
cursor:pointer
|
|
|
|
|
}
|
|
|
|
|
.header .menu__sub-inner-more li {
|
|
|
|
|
margin:0;
|
|
|
|
|
padding:5px;
|
|
|
|
|
white-space:nowrap
|
|
|
|
|
}
|
|
|
|
|
.logo {
|
|
|
|
|
display:flex;
|
|
|
|
|
align-items:center;
|
|
|
|
|
text-decoration:none;
|
|
|
|
|
background:var(--accent);
|
|
|
|
|
color:black;
|
|
|
|
|
padding:5px 10px
|
|
|
|
|
}
|
|
|
|
|
html {
|
|
|
|
|
box-sizing:border-box
|
|
|
|
|
}
|
|
|
|
|
*,
|
|
|
|
|
*:before,
|
|
|
|
|
*:after {
|
|
|
|
|
box-sizing:inherit
|
|
|
|
|
}
|
|
|
|
|
body {
|
|
|
|
|
margin:0;
|
|
|
|
|
padding:0;
|
|
|
|
|
font-family:Hack, DejaVu Sans Mono, Monaco, Consolas, Ubuntu Mono, monospace;
|
|
|
|
|
font-size:1rem;
|
|
|
|
|
line-height:1.54;
|
|
|
|
|
background-color:var(--background);
|
|
|
|
|
color:var(--color);
|
|
|
|
|
text-rendering:optimizeLegibility;
|
|
|
|
|
-webkit-font-smoothing:antialiased;
|
|
|
|
|
-webkit-overflow-scrolling:touch;
|
|
|
|
|
-webkit-text-size-adjust:100%
|
|
|
|
|
}
|
|
|
|
|
@media (max-width: 683px) {
|
|
|
|
|
body {
|
|
|
|
|
font-size:1rem
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
h1,
|
|
|
|
|
h2,
|
|
|
|
|
h3,
|
|
|
|
|
h4,
|
|
|
|
|
h5,
|
|
|
|
|
h6 {
|
|
|
|
|
display:flex;
|
|
|
|
|
align-items:center;
|
|
|
|
|
font-weight:bold;
|
|
|
|
|
line-height:1.3
|
|
|
|
|
}
|
|
|
|
|
h1 {
|
|
|
|
|
font-size:1.4rem
|
|
|
|
|
}
|
|
|
|
|
h2 {
|
|
|
|
|
font-size:1.3rem
|
|
|
|
|
}
|
|
|
|
|
h3 {
|
|
|
|
|
font-size:1.2rem
|
|
|
|
|
}
|
|
|
|
|
h4,
|
|
|
|
|
h5,
|
|
|
|
|
h6 {
|
|
|
|
|
font-size:1.15rem
|
|
|
|
|
}
|
|
|
|
|
a {
|
|
|
|
|
color:inherit
|
|
|
|
|
}
|
|
|
|
|
img {
|
|
|
|
|
display:block;
|
|
|
|
|
max-width:100%
|
|
|
|
|
}
|
|
|
|
|
img.left {
|
|
|
|
|
margin-right:auto
|
|
|
|
|
}
|
|
|
|
|
img.center {
|
|
|
|
|
margin-left:auto;
|
|
|
|
|
margin-right:auto
|
|
|
|
|
}
|
|
|
|
|
img.right {
|
|
|
|
|
margin-left:auto
|
|
|
|
|
}
|
|
|
|
|
p {
|
|
|
|
|
margin-bottom:20px
|
|
|
|
|
}
|
|
|
|
|
figure {
|
|
|
|
|
display:table;
|
|
|
|
|
max-width:100%;
|
|
|
|
|
margin:25px 0
|
|
|
|
|
}
|
|
|
|
|
figure.left img {
|
|
|
|
|
margin-right:auto
|
|
|
|
|
}
|
|
|
|
|
figure.center img {
|
|
|
|
|
margin-left:auto;
|
|
|
|
|
margin-right:auto
|
|
|
|
|
}
|
|
|
|
|
figure.right img {
|
|
|
|
|
margin-left:auto
|
|
|
|
|
}
|
|
|
|
|
figure figcaption {
|
|
|
|
|
font-size:14px;
|
|
|
|
|
padding:5px 10px;
|
|
|
|
|
margin-top:5px;
|
|
|
|
|
background:var(--accent);
|
|
|
|
|
color:var(--background)
|
|
|
|
|
}
|
|
|
|
|
figure figcaption.left {
|
|
|
|
|
text-align:left
|
|
|
|
|
}
|
|
|
|
|
figure figcaption.center {
|
|
|
|
|
text-align:center
|
|
|
|
|
}
|
|
|
|
|
figure figcaption.right {
|
|
|
|
|
text-align:right
|
|
|
|
|
}
|
|
|
|
|
code {
|
|
|
|
|
font-family:Hack, DejaVu Sans Mono, Monaco, Consolas, Ubuntu Mono, monospace;
|
|
|
|
|
font-feature-settings:normal;
|
|
|
|
|
background:var(--accent-alpha-20);
|
|
|
|
|
padding:1px 6px;
|
|
|
|
|
margin:0 2px;
|
|
|
|
|
font-size:.95rem
|
|
|
|
|
}
|
|
|
|
|
pre {
|
|
|
|
|
font-family:Hack, DejaVu Sans Mono, Monaco, Consolas, Ubuntu Mono, monospace;
|
|
|
|
|
padding:20px;
|
|
|
|
|
font-size:.95rem;
|
|
|
|
|
overflow:auto;
|
|
|
|
|
border-top:1px solid rgba(255,255,255,0.1);
|
|
|
|
|
border-bottom:1px solid rgba(255,255,255,0.1)
|
|
|
|
|
}
|
|
|
|
|
@media (max-width: 683px) {
|
|
|
|
|
pre {
|
|
|
|
|
white-space:pre-wrap;
|
|
|
|
|
word-wrap:break-word
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
blockquote {
|
|
|
|
|
margin:8px 50px;
|
|
|
|
|
padding:8px
|
|
|
|
|
}
|
|
|
|
|
@media (max-width: 683px) {
|
|
|
|
|
blockquote {
|
|
|
|
|
padding-right:0
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
blockquote:before {
|
|
|
|
|
content:'”';
|
|
|
|
|
font-family:Georgia, serif;
|
|
|
|
|
font-size:3.875rem;
|
|
|
|
|
position:absolute;
|
|
|
|
|
left:-40px;
|
|
|
|
|
top:-20px
|
|
|
|
|
}
|
|
|
|
|
blockquote p:first-of-type {
|
|
|
|
|
margin-top:0
|
|
|
|
|
}
|
|
|
|
|
blockquote p:last-of-type {
|
|
|
|
|
margin-bottom:0
|
|
|
|
|
}
|
|
|
|
|
blockquote p {
|
|
|
|
|
position:relative
|
|
|
|
|
}
|
|
|
|
|
blockquote p:before {
|
|
|
|
|
content:'>';
|
|
|
|
|
display:block;
|
|
|
|
|
position:absolute;
|
|
|
|
|
left:-25px;
|
|
|
|
|
color:var(--accent)
|
|
|
|
|
}
|
|
|
|
|
table {
|
|
|
|
|
table-layout:fixed;
|
|
|
|
|
border-collapse:collapse;
|
|
|
|
|
width:100%;
|
|
|
|
|
margin:40px 0
|
|
|
|
|
}
|
|
|
|
|
table,
|
|
|
|
|
th,
|
|
|
|
|
td {
|
|
|
|
|
border:1px dashed var(--accent);
|
|
|
|
|
padding:10px
|
|
|
|
|
}
|
|
|
|
|
th {
|
|
|
|
|
color:var(--accent)
|
|
|
|
|
}
|
|
|
|
|
ul,
|
|
|
|
|
ol {
|
|
|
|
|
margin-left:30px;
|
|
|
|
|
padding:0
|
|
|
|
|
}
|
|
|
|
|
ul li,
|
|
|
|
|
ol li {
|
|
|
|
|
position:relative
|
|
|
|
|
}
|
|
|
|
|
@media (max-width: 683px) {
|
|
|
|
|
ul,
|
|
|
|
|
ol {
|
|
|
|
|
margin-left:20px
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
ul ul,
|
|
|
|
|
ul ol,
|
|
|
|
|
ol ul,
|
|
|
|
|
ol ol {
|
|
|
|
|
margin-top:20px
|
|
|
|
|
}
|
|
|
|
|
ol ol {
|
|
|
|
|
list-style-type:lower-alpha
|
|
|
|
|
}
|
|
|
|
|
.container {
|
|
|
|
|
display:flex;
|
|
|
|
|
flex-direction:column;
|
|
|
|
|
padding:40px;
|
|
|
|
|
max-width:864px;
|
|
|
|
|
min-height:100vh;
|
|
|
|
|
margin:0 auto
|
|
|
|
|
}
|
|
|
|
|
@media (max-width: 683px) {
|
|
|
|
|
.container {
|
|
|
|
|
padding:20px
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.content {
|
|
|
|
|
display:flex
|
|
|
|
|
}
|
|
|
|
|
hr {
|
|
|
|
|
width:100%;
|
|
|
|
|
border:none;
|
|
|
|
|
background:var(--border-color);
|
|
|
|
|
height:1px
|
|
|
|
|
}
|
|
|
|
|
.hidden {
|
|
|
|
|
display:none
|
|
|
|
|
}
|
|
|
|
|
.posts {
|
|
|
|
|
/* margin:0 auto */
|
|
|
|
|
}
|
|
|
|
|
.post {
|
|
|
|
|
width:100%;
|
|
|
|
|
text-align:left;
|
|
|
|
|
margin:8px auto;
|
|
|
|
|
padding:20px 0
|
|
|
|
|
}
|
|
|
|
|
@media (max-width: 899px) {
|
|
|
|
|
.post {
|
|
|
|
|
max-width:660px
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.post .post-meta,
|
|
|
|
|
.post .post-meta-inline {
|
|
|
|
|
font-size:1rem;
|
|
|
|
|
margin-bottom:10px;
|
|
|
|
|
color:var(--accent-alpha-70)
|
|
|
|
|
}
|
|
|
|
|
.post-meta-inline {
|
|
|
|
|
display:inline
|
|
|
|
|
}
|
|
|
|
|
.post-title {
|
|
|
|
|
position:relative;
|
|
|
|
|
color:var(--accent);
|
|
|
|
|
margin:0 0 8px;
|
|
|
|
|
border-bottom:var(--border);
|
|
|
|
|
font-weight:normal
|
|
|
|
|
}
|
|
|
|
|
.post-title a {
|
|
|
|
|
text-decoration:none
|
|
|
|
|
}
|
|
|
|
|
.post .post-tags,
|
|
|
|
|
.post .post-tags-inline {
|
|
|
|
|
margin-bottom:20px;
|
|
|
|
|
font-size:1rem;
|
|
|
|
|
opacity:.5
|
|
|
|
|
}
|
|
|
|
|
.post-tags {
|
|
|
|
|
display:block
|
|
|
|
|
}
|
|
|
|
|
.post-tags-inline {
|
|
|
|
|
display:inline
|
|
|
|
|
}
|
|
|
|
|
@media (max-width: 683px) {
|
|
|
|
|
.post-tags-inline {
|
|
|
|
|
display:block
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.post-content {
|
|
|
|
|
margin-top:8px
|
|
|
|
|
}
|
|
|
|
|
.post-cover {
|
|
|
|
|
border:20px solid var(--accent);
|
|
|
|
|
background:transparent;
|
|
|
|
|
margin:40px 0;
|
|
|
|
|
padding:20px
|
|
|
|
|
}
|
|
|
|
|
@media (max-width: 683px) {
|
|
|
|
|
.post-cover {
|
|
|
|
|
padding:10px;
|
|
|
|
|
border-width:10px
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.post ul {
|
|
|
|
|
list-style:none
|
|
|
|
|
}
|
|
|
|
|
.post ul li:before {
|
|
|
|
|
content:'►';
|
|
|
|
|
position:absolute;
|
|
|
|
|
left:-20px;
|
|
|
|
|
color:var(--accent)
|
|
|
|
|
}
|
|
|
|
|
.post--regulation h1 {
|
|
|
|
|
justify-content:center
|
|
|
|
|
}
|
|
|
|
|
.post--regulation h2 {
|
|
|
|
|
justify-content:center;
|
|
|
|
|
margin-bottom:10px
|
|
|
|
|
}
|
|
|
|
|
.post--regulation h2+h2 {
|
|
|
|
|
margin-top:-10px;
|
|
|
|
|
margin-bottom:20px
|
|
|
|
|
}
|
|
|
|
|
.post-list .post-date {
|
|
|
|
|
color:var(--accent-alpha-70);
|
|
|
|
|
text-decoration:none
|
|
|
|
|
}
|
|
|
|
|
.post-list a {
|
|
|
|
|
text-decoration:none
|
|
|
|
|
}
|
|
|
|
|
.post-list .post-list-title {
|
|
|
|
|
text-decoration:underline
|
|
|
|
|
}
|
|
|
|
|
.post-list .post-tag {
|
|
|
|
|
text-decoration:underline
|
|
|
|
|
}
|
|
|
|
|
.pagination {
|
|
|
|
|
margin-top:50px
|
|
|
|
|
}
|
|
|
|
|
.pagination__title {
|
|
|
|
|
display:flex;
|
|
|
|
|
text-align:center;
|
|
|
|
|
position:relative;
|
|
|
|
|
margin:100px 0 20px
|
|
|
|
|
}
|
|
|
|
|
.pagination__title-h {
|
|
|
|
|
text-align:center;
|
|
|
|
|
margin:0 auto;
|
|
|
|
|
padding:5px 10px;
|
|
|
|
|
background:var(--background);
|
|
|
|
|
font-size:.8rem;
|
|
|
|
|
text-transform:uppercase;
|
|
|
|
|
letter-spacing:.1em;
|
|
|
|
|
z-index:1
|
|
|
|
|
}
|
|
|
|
|
.pagination__title hr {
|
|
|
|
|
position:absolute;
|
|
|
|
|
left:0;
|
|
|
|
|
right:0;
|
|
|
|
|
width:100%;
|
|
|
|
|
margin-top:15px;
|
|
|
|
|
z-index:0
|
|
|
|
|
}
|
|
|
|
|
.pagination__buttons {
|
|
|
|
|
display:flex;
|
|
|
|
|
align-items:center;
|
|
|
|
|
justify-content:center
|
|
|
|
|
}
|
|
|
|
|
@media (max-width: 683px) {
|
|
|
|
|
.pagination__buttons {
|
|
|
|
|
flex-direction:column
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.button {
|
|
|
|
|
position:relative;
|
|
|
|
|
display:inline-flex;
|
|
|
|
|
align-items:center;
|
|
|
|
|
justify-content:center;
|
|
|
|
|
font-size:1rem;
|
|
|
|
|
border-radius:8px;
|
|
|
|
|
max-width:40%;
|
|
|
|
|
padding:0;
|
|
|
|
|
cursor:pointer;
|
|
|
|
|
appearance:none
|
|
|
|
|
}
|
|
|
|
|
@media (max-width: 683px) {
|
|
|
|
|
.button {
|
|
|
|
|
max-width:80%
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.button+.button {
|
|
|
|
|
margin-left:10px
|
|
|
|
|
}
|
|
|
|
|
.button a {
|
|
|
|
|
display:flex;
|
|
|
|
|
padding:8px 16px;
|
|
|
|
|
text-overflow:ellipsis;
|
|
|
|
|
white-space:nowrap;
|
|
|
|
|
overflow:hidden
|
|
|
|
|
}
|
|
|
|
|
.button__text {
|
|
|
|
|
text-overflow:ellipsis;
|
|
|
|
|
white-space:nowrap;
|
|
|
|
|
overflow:hidden
|
|
|
|
|
}
|
|
|
|
|
.footer {
|
|
|
|
|
padding:40px 0;
|
|
|
|
|
flex-grow:0;
|
|
|
|
|
opacity:.5
|
|
|
|
|
}
|
|
|
|
|
.footer__inner {
|
|
|
|
|
display:flex;
|
|
|
|
|
align-items:center;
|
|
|
|
|
justify-content:space-between;
|
|
|
|
|
margin:0;
|
|
|
|
|
width:760px;
|
|
|
|
|
max-width:100%
|
|
|
|
|
}
|
|
|
|
|
@media (max-width: 899px) {
|
|
|
|
|
.footer__inner {
|
|
|
|
|
flex-direction:column
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.footer a {
|
|
|
|
|
color:inherit
|
|
|
|
|
}
|
|
|
|
|
.footer .copyright {
|
|
|
|
|
display:flex;
|
|
|
|
|
flex-direction:row;
|
|
|
|
|
align-items:center;
|
|
|
|
|
font-size:1rem;
|
|
|
|
|
color:var(--light-color-secondary)
|
|
|
|
|
}
|
|
|
|
|
.footer .copyright--user {
|
|
|
|
|
margin:auto;
|
|
|
|
|
text-align:center
|
|
|
|
|
}
|
|
|
|
|
.footer .copyright>*:first-child:not(:only-child) {
|
|
|
|
|
margin-right:10px
|
|
|
|
|
}
|
|
|
|
|
@media (max-width: 899px) {
|
|
|
|
|
.footer .copyright>*:first-child:not(:only-child) {
|
|
|
|
|
border:none;
|
|
|
|
|
padding:0;
|
|
|
|
|
margin:0
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
@media (max-width: 899px) {
|
|
|
|
|
.footer .copyright {
|
|
|
|
|
flex-direction:column;
|
|
|
|
|
margin-top:10px
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
@media (max-width: 899px) {
|
|
|
|
|
.footer .copyright-theme-sep {
|
|
|
|
|
display:none
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
@media (max-width: 899px) {
|
|
|
|
|
.footer .copyright-theme {
|
|
|
|
|
font-size:0.75rem
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.footnote-definition {
|
|
|
|
|
margin-bottom:8px
|
|
|
|
|
}
|
|
|
|
|
.footnote-definition p {
|
|
|
|
|
display:inline
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/*!
|
|
|
|
|
* Hack typeface https://github.com/source-foundry/Hack
|
|
|
|
|
* License: https://github.com/source-foundry/Hack/blob/master/LICENSE.md
|
|
|
|
|
*/@font-face {
|
|
|
|
|
font-family:'Hack';
|
|
|
|
|
src:url("fonts/hack-regular.woff2?sha=3114f1256") format("woff2"),
|
|
|
|
|
url("fonts/hack-regular.woff?sha=3114f1256") format("woff");
|
|
|
|
|
font-weight:400;
|
|
|
|
|
font-style:normal
|
|
|
|
|
}
|
|
|
|
|
@font-face {
|
|
|
|
|
font-family:'Hack';
|
|
|
|
|
src:url("fonts/hack-bold.woff2?sha=3114f1256") format("woff2"),
|
|
|
|
|
url("fonts/hack-bold.woff?sha=3114f1256") format("woff");
|
|
|
|
|
font-weight:700;
|
|
|
|
|
font-style:normal
|
|
|
|
|
}
|
|
|
|
|
@font-face {
|
|
|
|
|
font-family:'Hack';
|
|
|
|
|
src:url("fonts/hack-italic.woff2?sha=3114f1256") format("woff2"),
|
|
|
|
|
url("fonts/hack-italic.woff?sha=3114f1256") format("woff");
|
|
|
|
|
font-weight:400;
|
|
|
|
|
font-style:italic
|
|
|
|
|
}
|
|
|
|
|
@font-face {
|
|
|
|
|
font-family:'Hack';
|
|
|
|
|
src:url("fonts/hack-bolditalic.woff2?sha=3114f1256") format("woff2"),
|
|
|
|
|
url("fonts/hack-bolditalic.woff?sha=3114f1256") format("woff");
|
|
|
|
|
font-weight:700;
|
|
|
|
|
font-style:italic
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.hide {
|
|
|
|
|
display: none;
|
|
|
|
|
}
|
