1 line
5.2 KiB
CSS
1 line
5.2 KiB
CSS
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(../fonts/open-sans/OpenSans-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:"Open Sans";src:url(../fonts/open-sans/OpenSans-Italic.ttf) format("truetype");font-weight:400;font-style:italic}@font-face{font-family:"Open Sans";src:url(../fonts/open-sans/OpenSans-Medium.ttf) format("truetype");font-weight:500;font-style:normal}@font-face{font-family:"Open Sans";src:url(../fonts/open-sans/OpenSans-MediumItalic.ttf) format("truetype");font-weight:500;font-style:italic}@font-face{font-family:"Open Sans";src:url(../fonts/open-sans/OpenSans-SemiBold.ttf) format("truetype");font-weight:600;font-style:normal}@font-face{font-family:"Open Sans";src:url(../fonts/open-sans/OpenSans-SemiBoldItalic.ttf) format("truetype");font-weight:600;font-style:italic}@font-face{font-family:"Open Sans";src:url(../fonts/open-sans/OpenSans-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:"Open Sans";src:url(../fonts/open-sans/OpenSans-BoldItalic.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;-webkit-transition:text-decoration 200ms ease-in-out;-o-transition:text-decoration 200ms ease-in-out;transition:text-decoration 200ms ease-in-out}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:rgba(0,0,0,0);-webkit-transition:max-width 400ms ease-in-out,background-color 400ms ease-in-out;-o-transition:max-width 400ms ease-in-out,background-color 400ms ease-in-out;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:.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;-webkit-transition:width 400ms ease-in-out,color 400ms ease-in-out;-o-transition:width 400ms ease-in-out,color 400ms ease-in-out;transition:width 400ms ease-in-out,color 400ms ease-in-out}.header-bar .header-bar__social{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:2rem}.header-bar .header-bar__social a{width:var(--icon-size);height:var(--icon-size);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align: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);-webkit-transition:fill 400ms ease-in-out;-o-transition:fill 400ms ease-in-out;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=style.min.css.map */
|