@font-face { font-family: "DIN 1451 Std"; src: url("/fonts/DINEngschriftStd.woff2") format("woff2"), url("/fonts/DINEngschriftStd.woff") format("woff"); font-weight: normal; font-style: normal; font-display: swap; } :root { --ifm-color-primary: #3578e5; --ifm-color-primary-dark: #1d68e1; --ifm-color-primary-darker: #1b62d4; --ifm-color-primary-darkest: #1751af; --ifm-color-primary-light: #4e89e8; --ifm-color-primary-lighter: #5a91ea; --ifm-color-primary-lightest: #80aaef; } .button.button--outline { color: var(--ifm-navbar-link-color) !important; } .navbar { background-color: var(--ifm-color-primary); box-shadow: none; } .navbar__title { font-family: "DIN 1451 Std"; font-size: 2em; margin-top: 2px; } .hero--primary { -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - 3vw)); clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - 3vw)); } .hero_image { flex-direction: column; justify-items: center; } .hero_image > img { max-height: 200px; }