|
|
|
@ -1,36 +1,36 @@
|
|
|
|
|
/* latin */
|
|
|
|
|
@font-face {
|
|
|
|
|
font-family: 'Space Grotesk';
|
|
|
|
|
font-style: normal;
|
|
|
|
|
font-display: swap;
|
|
|
|
|
src: local('Space Grotesk Regular'), local('SpaceGrotesk-Regular'), url(/static/fonts/spacegrotesk/webfont/SpaceGrotesk-Regular.woff2) format('woff2');
|
|
|
|
|
font-family: 'Space Grotesk';
|
|
|
|
|
font-style: normal;
|
|
|
|
|
font-display: swap;
|
|
|
|
|
src: local('Space Grotesk Regular'), local('SpaceGrotesk-Regular'), url(/static/fonts/spacegrotesk/webfont/SpaceGrotesk-Regular.woff2) format('woff2');
|
|
|
|
|
}
|
|
|
|
|
/* latin */
|
|
|
|
|
@font-face {
|
|
|
|
|
font-family: 'Space Grotesk';
|
|
|
|
|
font-style: normal;
|
|
|
|
|
font-weight: 700;
|
|
|
|
|
font-display: swap;
|
|
|
|
|
src: local('Space Grotesk Bold'), local('SpaceGrotesk-Bold'), url(/static/fonts/spacegrotesk/webfont/SpaceGrotesk-Bold.woff2) format('woff2');
|
|
|
|
|
font-family: 'Space Grotesk';
|
|
|
|
|
font-style: normal;
|
|
|
|
|
font-weight: 700;
|
|
|
|
|
font-display: swap;
|
|
|
|
|
src: local('Space Grotesk Bold'), local('SpaceGrotesk-Bold'), url(/static/fonts/spacegrotesk/webfont/SpaceGrotesk-Bold.woff2) format('woff2');
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* latin */
|
|
|
|
|
@font-face {
|
|
|
|
|
font-family: 'Space Mono';
|
|
|
|
|
font-style: normal;
|
|
|
|
|
font-weight: 400;
|
|
|
|
|
font-display: swap;
|
|
|
|
|
src: local('Space Mono'), local('SpaceMono-Regular'), url(/static/fonts/spacemono/spacemono-regular.woff2) format('woff2');
|
|
|
|
|
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
|
|
|
|
font-family: 'Space Mono';
|
|
|
|
|
font-style: normal;
|
|
|
|
|
font-weight: 400;
|
|
|
|
|
font-display: swap;
|
|
|
|
|
src: local('Space Mono'), local('SpaceMono-Regular'), url(/static/fonts/spacemono/spacemono-regular.woff2) format('woff2');
|
|
|
|
|
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
|
|
|
|
}
|
|
|
|
|
/* latin */
|
|
|
|
|
@font-face {
|
|
|
|
|
font-family: 'Space Mono';
|
|
|
|
|
font-style: normal;
|
|
|
|
|
font-weight: 700;
|
|
|
|
|
font-display: swap;
|
|
|
|
|
src: local('Space Mono Bold'), local('SpaceMono-Bold'), url(/static/fonts/spacemono/spacemono-bold.woff2) format('woff2');
|
|
|
|
|
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
|
|
|
|
font-family: 'Space Mono';
|
|
|
|
|
font-style: normal;
|
|
|
|
|
font-weight: 700;
|
|
|
|
|
font-display: swap;
|
|
|
|
|
src: local('Space Mono Bold'), local('SpaceMono-Bold'), url(/static/fonts/spacemono/spacemono-bold.woff2) format('woff2');
|
|
|
|
|
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@ -52,7 +52,7 @@
|
|
|
|
|
--alt-bg-color : #a8f3f4;
|
|
|
|
|
--bar-color : #f0dcac;
|
|
|
|
|
|
|
|
|
|
--burger_size : 56px;
|
|
|
|
|
--burger_size : 45px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
body {
|
|
|
|
@ -185,24 +185,23 @@ aside nav footer ol li a {
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
aside header a img {
|
|
|
|
|
display : block;
|
|
|
|
|
width : 100%;
|
|
|
|
|
height : 140px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
dl.dl-services {
|
|
|
|
|
|
|
|
|
|
display: grid;
|
|
|
|
|
column-gap: 2rem;
|
|
|
|
|
dt {
|
|
|
|
|
grid-column-start: 1;
|
|
|
|
|
grid-column-end: 2;
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
}
|
|
|
|
|
dd {
|
|
|
|
|
grid-column-start: 2;
|
|
|
|
|
grid-column-end: 3;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
display : grid;
|
|
|
|
|
column-gap : 2rem;
|
|
|
|
|
dt {
|
|
|
|
|
grid-column-start : 1;
|
|
|
|
|
grid-column-end : 2;
|
|
|
|
|
font-weight : bold;
|
|
|
|
|
}
|
|
|
|
|
dd {
|
|
|
|
|
grid-column-start : 2;
|
|
|
|
|
grid-column-end : 3;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@media(max-width:1000px) {
|
|
|
|
@ -226,14 +225,13 @@ dl.dl-services {
|
|
|
|
|
|
|
|
|
|
aside header {
|
|
|
|
|
display : flex;
|
|
|
|
|
flex-direction : row;
|
|
|
|
|
justify-content : space-between;
|
|
|
|
|
align-items : center;
|
|
|
|
|
margin : var(--base-grid);
|
|
|
|
|
margin : var(--base-grid) calc(var(--base-grid) / 2);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
aside header a img {
|
|
|
|
|
height : 120px;
|
|
|
|
|
height : 80px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
aside nav {
|
|
|
|
@ -257,24 +255,24 @@ dl.dl-services {
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
header .nav-toggle {
|
|
|
|
|
cursor : pointer;
|
|
|
|
|
display : block;
|
|
|
|
|
height : var(--burger_size);
|
|
|
|
|
float : right;
|
|
|
|
|
cursor : pointer;
|
|
|
|
|
display : block;
|
|
|
|
|
height : var(--burger_size);
|
|
|
|
|
margin-top : 10px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
header .nav-toggle span {
|
|
|
|
|
display : block;
|
|
|
|
|
height : calc( ( var(--burger_size) / 4 ) / 2 );
|
|
|
|
|
width : var(--burger_size);
|
|
|
|
|
background : var(--text-color);
|
|
|
|
|
margin-bottom : calc( ( var(--burger_size) / 3 ) / 2 );
|
|
|
|
|
display : block;
|
|
|
|
|
height : calc( ( var(--burger_size) / 4 ) / 2 );
|
|
|
|
|
width : var(--burger_size);
|
|
|
|
|
background : var(--text-color);
|
|
|
|
|
margin-bottom : calc( ( var(--burger_size) / 3 ) / 2 );
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
header .nav-toggle span {
|
|
|
|
|
position : relative;
|
|
|
|
|
top : 0;
|
|
|
|
|
transition : all 0.3s;
|
|
|
|
|
position : relative;
|
|
|
|
|
top : 0;
|
|
|
|
|
transition : all 0.3s;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
header .nav-toggle.display span#nav-toggle-b {
|
|
|
|
@ -291,5 +289,9 @@ dl.dl-services {
|
|
|
|
|
transform : rotate(-45deg);
|
|
|
|
|
top : calc( ( var(--burger_size) / 3 ) * -1 );
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
main article {
|
|
|
|
|
margin : calc(var(--base-grid) / 2);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|