302 lines
29 KiB
CSS
302 lines
29 KiB
CSS
|
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
|
||
|
|
!*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[1].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[4].oneOf[1].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[1].use[4]!./public/assets/css/main.scss ***!
|
||
|
|
\***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
|
||
|
|
/* ----------------------------------------------------------------------------
|
||
|
|
MINIRESET V0.0.6
|
||
|
|
---------------------------------------------------------------------------- */
|
||
|
|
html,
|
||
|
|
body,
|
||
|
|
p,
|
||
|
|
ol,
|
||
|
|
ul,
|
||
|
|
li,
|
||
|
|
dl,
|
||
|
|
dt,
|
||
|
|
dd,
|
||
|
|
blockquote,
|
||
|
|
figure,
|
||
|
|
fieldset,
|
||
|
|
legend,
|
||
|
|
textarea,
|
||
|
|
pre,
|
||
|
|
iframe,
|
||
|
|
hr,
|
||
|
|
h1,
|
||
|
|
h2,
|
||
|
|
h3,
|
||
|
|
h4,
|
||
|
|
h5,
|
||
|
|
h6 {
|
||
|
|
margin: 0;
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
h1,
|
||
|
|
h2,
|
||
|
|
h3,
|
||
|
|
h4,
|
||
|
|
h5,
|
||
|
|
h6 {
|
||
|
|
font-size: 100%;
|
||
|
|
font-weight: normal;
|
||
|
|
}
|
||
|
|
|
||
|
|
ul {
|
||
|
|
list-style: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
button,
|
||
|
|
input,
|
||
|
|
select {
|
||
|
|
margin: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
html {
|
||
|
|
box-sizing: border-box;
|
||
|
|
}
|
||
|
|
|
||
|
|
*, *::before, *::after {
|
||
|
|
box-sizing: inherit;
|
||
|
|
}
|
||
|
|
|
||
|
|
img,
|
||
|
|
video {
|
||
|
|
height: auto;
|
||
|
|
max-width: 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
iframe {
|
||
|
|
border: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
table {
|
||
|
|
border-collapse: collapse;
|
||
|
|
border-spacing: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
td,
|
||
|
|
th {
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
@font-face {
|
||
|
|
font-family: "Open Sans";
|
||
|
|
src: url(/assets/build/fonts/OpenSans-Regular.57cd57a6.ttf) format("truetype");
|
||
|
|
font-weight: 400;
|
||
|
|
font-style: normal;
|
||
|
|
}
|
||
|
|
@font-face {
|
||
|
|
font-family: "Open Sans";
|
||
|
|
src: url(/assets/build/fonts/OpenSans-Italic.dfdc57f0.ttf) format("truetype");
|
||
|
|
font-weight: 400;
|
||
|
|
font-style: italic;
|
||
|
|
}
|
||
|
|
@font-face {
|
||
|
|
font-family: "Open Sans";
|
||
|
|
src: url(/assets/build/fonts/OpenSans-Medium.65529e6c.ttf) format("truetype");
|
||
|
|
font-weight: 500;
|
||
|
|
font-style: normal;
|
||
|
|
}
|
||
|
|
@font-face {
|
||
|
|
font-family: "Open Sans";
|
||
|
|
src: url(/assets/build/fonts/OpenSans-MediumItalic.00b0286e.ttf) format("truetype");
|
||
|
|
font-weight: 500;
|
||
|
|
font-style: italic;
|
||
|
|
}
|
||
|
|
@font-face {
|
||
|
|
font-family: "Open Sans";
|
||
|
|
src: url(/assets/build/fonts/OpenSans-SemiBold.2b370b19.ttf) format("truetype");
|
||
|
|
font-weight: 600;
|
||
|
|
font-style: normal;
|
||
|
|
}
|
||
|
|
@font-face {
|
||
|
|
font-family: "Open Sans";
|
||
|
|
src: url(/assets/build/fonts/OpenSans-SemiBoldItalic.cd71012b.ttf) format("truetype");
|
||
|
|
font-weight: 600;
|
||
|
|
font-style: italic;
|
||
|
|
}
|
||
|
|
@font-face {
|
||
|
|
font-family: "Open Sans";
|
||
|
|
src: url(/assets/build/fonts/OpenSans-Bold.a0fe34be.ttf) format("truetype");
|
||
|
|
font-weight: 700;
|
||
|
|
font-style: normal;
|
||
|
|
}
|
||
|
|
@font-face {
|
||
|
|
font-family: "Open Sans";
|
||
|
|
src: url(/assets/build/fonts/OpenSans-BoldItalic.de2cc755.ttf) format("truetype");
|
||
|
|
font-weight: 700;
|
||
|
|
font-style: italic;
|
||
|
|
}
|
||
|
|
:root {
|
||
|
|
--text-font-family: "Open Sans", Verdana, sans-serif;
|
||
|
|
--title-font-family: "Open Sans", Verdana, sans-serif;
|
||
|
|
--regular-font-weight: 400;
|
||
|
|
--medium-font-weight: 500;
|
||
|
|
--semi-bold-font-weight: 600;
|
||
|
|
--bold-font-weight: 700;
|
||
|
|
--text-font-size: 0.8rem;
|
||
|
|
--footnote-font-size: 0.6rem;
|
||
|
|
--h1-font-size: 1.6rem;
|
||
|
|
--h2-font-size: 1.2rem;
|
||
|
|
--h3-font-size: 1rem;
|
||
|
|
--icon-size: 2rem;
|
||
|
|
--header-bar-vertical-padding: 2rem;
|
||
|
|
--header-bar-horizontal-padding: 1rem;
|
||
|
|
--black: #000;
|
||
|
|
--transparent-black: rgba(0, 0, 0, 0.6);
|
||
|
|
--white: #fff;
|
||
|
|
--transparent-white: rgba(255, 255, 255, 0.9);
|
||
|
|
--feldgrau: #4B6259;
|
||
|
|
}
|
||
|
|
|
||
|
|
@media screen and (min-width: 48rem) {
|
||
|
|
:root {
|
||
|
|
--text-font-size: 1rem;
|
||
|
|
--footnote-font-size: 0.8rem;
|
||
|
|
--h1-font-size: 1.8rem;
|
||
|
|
--h2-font-size: 1.4rem;
|
||
|
|
--h3-font-size: 1.2rem;
|
||
|
|
--icon-size: 2.5rem;
|
||
|
|
--header-bar-vertical-padding: 4rem;
|
||
|
|
--header-bar-horizontal-padding: 2rem;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@-webkit-keyframes expand-outline {
|
||
|
|
from {
|
||
|
|
outline-offset: 0;
|
||
|
|
}
|
||
|
|
to {
|
||
|
|
outline-offset: 2px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@keyframes expand-outline {
|
||
|
|
from {
|
||
|
|
outline-offset: 0;
|
||
|
|
}
|
||
|
|
to {
|
||
|
|
outline-offset: 2px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
body {
|
||
|
|
font-family: var(--text-font-family);
|
||
|
|
font-size: var(--text-font-size);
|
||
|
|
line-height: normal;
|
||
|
|
color: var(--black);
|
||
|
|
background-color: var(--white);
|
||
|
|
}
|
||
|
|
|
||
|
|
h1 {
|
||
|
|
font-family: var(--title-font-family);
|
||
|
|
font-size: var(--h1-font-size);
|
||
|
|
}
|
||
|
|
|
||
|
|
h2 {
|
||
|
|
font-family: var(--text-font-family);
|
||
|
|
font-size: var(--h2-font-size);
|
||
|
|
margin: 0 0 4rem 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
h3 {
|
||
|
|
font-family: var(--text-font-family);
|
||
|
|
font-size: var(--h3-font-size);
|
||
|
|
margin: 2rem 0 1rem 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
p {
|
||
|
|
text-align: justify;
|
||
|
|
}
|
||
|
|
|
||
|
|
strong {
|
||
|
|
font-weight: var(--bold-font-weight);
|
||
|
|
}
|
||
|
|
|
||
|
|
em {
|
||
|
|
font-style: italic;
|
||
|
|
}
|
||
|
|
|
||
|
|
a {
|
||
|
|
color: var(--black);
|
||
|
|
text-decoration: none;
|
||
|
|
}
|
||
|
|
a:hover, a:focus, a:active {
|
||
|
|
text-decoration: underline;
|
||
|
|
}
|
||
|
|
a:focus-visible {
|
||
|
|
outline: 1px dashed var(--black);
|
||
|
|
outline-offset: 2px;
|
||
|
|
-webkit-animation: expand-outline 200ms ease-out;
|
||
|
|
animation: expand-outline 200ms ease-in-out;
|
||
|
|
}
|
||
|
|
|
||
|
|
body {
|
||
|
|
min-height: 100vh;
|
||
|
|
overflow: hidden;
|
||
|
|
}
|
||
|
|
|
||
|
|
.header-bar {
|
||
|
|
position: fixed;
|
||
|
|
top: 0;
|
||
|
|
bottom: 0;
|
||
|
|
left: 0;
|
||
|
|
max-width: calc(15vw + var(--header-bar-horizontal-padding) * 2);
|
||
|
|
padding: var(--header-bar-vertical-padding) var(--header-bar-horizontal-padding);
|
||
|
|
overflow-y: auto;
|
||
|
|
background-color: transparent;
|
||
|
|
transition: max-width 400ms ease-in-out, background-color 400ms ease-in-out;
|
||
|
|
}
|
||
|
|
.header-bar .header-bar__nav .header-bar__nav-item + .header-bar__nav-item {
|
||
|
|
margin-top: 0.5rem;
|
||
|
|
}
|
||
|
|
.header-bar .header-bar__nav a {
|
||
|
|
display: inline-block;
|
||
|
|
width: 15vw;
|
||
|
|
overflow-x: hidden;
|
||
|
|
color: var(--transparent-black);
|
||
|
|
white-space: nowrap;
|
||
|
|
text-overflow: ellipsis;
|
||
|
|
transition: width 400ms ease-in-out, color 400ms ease-in-out;
|
||
|
|
}
|
||
|
|
.header-bar .header-bar__social {
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
margin-top: 2rem;
|
||
|
|
}
|
||
|
|
.header-bar .header-bar__social a {
|
||
|
|
width: var(--icon-size);
|
||
|
|
height: var(--icon-size);
|
||
|
|
display: flex;
|
||
|
|
justify-content: center;
|
||
|
|
align-items: center;
|
||
|
|
}
|
||
|
|
.header-bar .header-bar__social a + a {
|
||
|
|
margin: 0 0 0 1rem;
|
||
|
|
}
|
||
|
|
.header-bar .header-bar__social a svg {
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
fill: var(--transparent-black);
|
||
|
|
transition: fill 400ms ease-in-out;
|
||
|
|
}
|
||
|
|
.header-bar:hover {
|
||
|
|
background-color: var(--transparent-white);
|
||
|
|
max-width: 100vw;
|
||
|
|
}
|
||
|
|
.header-bar:hover .header-bar__nav a {
|
||
|
|
/*width: 100%;*/
|
||
|
|
color: var(--black);
|
||
|
|
}
|
||
|
|
.header-bar:hover .header-bar__social svg {
|
||
|
|
fill: var(--black);
|
||
|
|
}
|
||
|
|
|
||
|
|
.home-section {
|
||
|
|
width: 100vw;
|
||
|
|
height: 100vh;
|
||
|
|
}
|
||
|
|
|
||
|
|
.home-section__iframe {
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWFpbi5jc3MiLCJtYXBwaW5ncyI6Ijs7O0FBQUE7OzhFQUFBO0FBSUE7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0VBdUJDO0VBQ0E7QUNBRDs7QURHQTs7Ozs7O0VBTUM7RUFDQTtBQ0FEOztBREdBO0VBQ0M7QUNBRDs7QURHQTs7O0VBR0M7QUNBRDs7QURHQTtFQUNDO0FDQUQ7O0FER0E7RUFDQztBQ0FEOztBREdBOztFQUVDO0VBQ0E7QUNBRDs7QURHQTtFQUNDO0FDQUQ7O0FER0E7RUFDQztFQUNBO0FDQUQ7O0FER0E7O0VBRUM7QUNBRDs7QUN0RUE7RUFDQztFQUNBO0VBQ0E7RUFDQTtBRHlFRDtBQ3RFQTtFQUNDO0VBQ0E7RUFDQTtFQUNBO0FEd0VEO0FDckVBO0VBQ0M7RUFDQTtFQUNBO0VBQ0E7QUR1RUQ7QUNwRUE7RUFDQztFQUNBO0VBQ0E7RUFDQTtBRHNFRDtBQ25FQTtFQUNDO0VBQ0E7RUFDQTtFQUNBO0FEcUVEO0FDbEVBO0VBQ0M7RUFDQTtFQUNBO0VBQ0E7QURvRUQ7QUNqRUE7RUFDQztFQUNBO0VBQ0E7RUFDQTtBRG1FRDtBQ2hFQTtFQUNDO0VBQ0E7RUFDQTtFQUNBO0FEa0VEO0FFekhBO0VBSUM7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUlBO0VBQ0E7RUFDQTtFQUlBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7QUZrSEQ7O0FFMUdBO0VBRUM7SUFJQztJQUNBO0lBQ0E7SUFDQTtJQUNBO0lBSUE7SUFDQTtJQUNBO0VGc0dBO0FBQ0Y7QUczSkE7RUFDQztJQUNDO0VINkpBO0VHM0pEO0lBQ0M7RUg2SkE7QUFDRjtBRzFKQTtFQUNDO0lBQ0M7RUg0SkE7RUcxSkQ7SUFDQztFSDRKQTtBQUNGO0FJcEtBO0VBQ0M7RUFDQTtFQUNBO0VBQ0E7RUFDQTtBSnNLRDs7QUluS0E7RUFDQztFQUNBO0FKc0tEOztBSW5LQTtFQUNDO0VBQ0E7RUFDQTtBSnNLRDs7QUluS0E7RUFDQztFQUNBO0VBQ0E7QUpzS0Q7O0FJbktBO0VBQ0M7QUpzS0Q7O0FJbktBO0VBQ0M7QUpzS0Q7O0FJbktBO0VBQ0M7QUpzS0Q7O0FJaktBO0VBQ0M7RUFDQTtBSm9LRDtBSWxLQztFQUdDO0FKa0tGO0FJL0pDO0VBQ0M7RUFDQTtFQUNBO0VBQ0E7QUppS0Y7O0FJM0pBO0VBQ0M7RUFDQTtBSjhKRDs7QUlySkE7RUFDQztFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBT0EsMkVBQ0M7QUptSkY7QUk1SUc7RUFDQztBSjhJSjtBSTFJRTtFQUNDO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQU9BLDREQUNDO0FKdUlKO0FJbElDO0VBR0M7RUFHQTtFQUNBO0FKb0lGO0FJbElFO0VBQ0M7RUFDQTtFQUdBO0VBR0E7RUFHQTtBSm9JSDtBSWxJRztFQUNDO0FKb0lKO0FJaklHO0VBQ0M7RUFDQTtFQUNBO0VBR0E7QUptSUo7QUk5SEM7RUFDQztFQUNBO0FKZ0lGO0FJNUhHO0VBQ0M7RUFDQTtBSjhISjtBSXhIRztFQUNDO0FKMEhKOztBSTlHQTtFQUNDO0VBQ0E7QUppSEQ7O0FJOUdBO0VBQ0M7RUFDQTtBSmlIRCxDIiwic291cmNlcyI6WyJ3ZWJwYWNrOi8vLy4vcHVibGljL2Fzc2V0cy9jc3MvdXRpbHMvbWluaXJlc2V0LmNzcyIsIndlYnBhY2s6Ly8vLi4vLi4vLi4vLi4vRG9ubiVDMyVBOWVzL1Byb2dyYW1tYXRpb24vUHJvamV0cy9qdWxpZW5tb25uZXJpZS9wdWJsaWMvYXNzZXRzL2Nzcy9tYWluLnNjc3MiLCJ3ZWJwYWNrOi8vLy4vcHVibGljL2Fzc2V0cy9jc3MvcGFydGlhbHMvZm9udHMuc2NzcyIsIndlYnBhY2s6Ly8vLi9wdWJsaWMvYXNzZXRzL2Nzcy9wYXJ0aWFscy92YXJpYWJsZXMuc2NzcyIsIndlYnBhY2s6Ly8vLi9wdWJsaWMvYXNzZXRzL2Nzcy9wYXJ0aWFscy9hbmltYXRpb25zLnNjc3MiLCJ3ZWJwYWNrOi8vLy4vcHVibGljL2Fzc2V0cy9jc3MvbWFpbi5zY3NzIl0sInNvdXJjZXNDb250ZW50IjpbIi8qIC0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS1cbk1JTklSRVNFVCBWMC4wLjZcbi0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0gKi9cblxuaHRtbCxcbmJvZHksXG5wLFxub2wsXG51bCxcbmxpLFxuZGwsXG5kdCxcbmRkLFxuYmxvY2txdW90ZSxcbmZpZ3VyZSxcbmZpZWxkc2V0LFxubGVnZW5kLFxudGV4dGFyZWEsXG5wcmUsXG5pZnJhbWUsXG5ocixcbmgxLFxuaDIsXG5oMyxcbmg0LFxuaDUsXG5oNiB7XG5cdG1hcmdpbjogMDtcblx0cGFkZGluZzogMDtcbn1cblxuaDEsXG5oMixcbmgzLFxuaDQsXG5oNSxcbmg2IHtcblx0Zm9udC1zaXplOiAxMDAlO1xuXHRmb250LXdlaWdodDogbm9ybWFsO1xufVxuXG51bCB7XG5cdGxpc3Qtc3R5bGU6IG5vbmU7XG59XG5cbmJ1dHRvbixcbmlucHV0LFxuc2VsZWN0IHtcblx0bWFyZ2luOiAwO1xufVxuXG5odG1sIHtcblx0Ym94LXNpemluZzogYm9yZGVyLWJveDtcbn1cblxuKiwgKjo6YmVmb3JlLCAqOjphZnRlciB7XG5cdGJveC1zaXppbmc6IGluaGVyaXQ7XG59XG5cbmltZyxcbnZpZGVvIHtcblx0aGVpZ2h0OiBhdXRvO1xuXHRtYXgtd2lkdGg6IDEwMCU7XG59XG5cbmlmcmFtZSB7XG5cdGJvcmRlcjogMDtcbn1cblxudGFibGUge1xuXHRib3JkZXItY29sbGFwc2U6IGNvbGxhcHNlO1xuXHRib3JkZXItc3BhY2luZzogMDtcbn1cblxudGQsXG50aCB7XG5cdHBhZGRpbmc6IDA7XG59XG4iLCIvKiAtLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tXG5NSU5JUkVTRVQgVjAuMC42XG4tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tICovXG5odG1sLFxuYm9keSxcbnAsXG5vbCxcbnVsLFxubGksXG5kbCxcbmR0LFxuZGQsXG5ibG9ja3F1b3RlLFxuZmlndXJlLFxuZmllbGRzZXQsXG5sZWdlbmQsXG50ZXh0YXJlYSxcbnByZSxcbmlmcmFtZSxcbmhyLFxuaDEsXG5oMixcbmgzLFxuaDQsXG5oNSxcbmg2IHtcbiAgbWFyZ2luOiAwO1xuICBwYWRkaW5nOiAwO1xufVxuXG5oMSxcbmgyLFxuaDMsXG5oNCxcbmg1LFxuaDYge1xuICBmb250LXNpemU6IDEwMCU
|