12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182 |
- :root{
- --page-width:148.5mm;
- --page-height:210mm;
- }
- /*RESET*/
- *{
- box-sizing: border-box;
- }
- body {
- font-family: Mono;
- }
- /*FONTS*/
- @font-face {
- font-family: Term-Gro;
- src: url(./fonts/terminal-grotesque.ttf);
- }
- @font-face {
- font-family: Mono;
- src: url(./fonts/PropCourierSans.otf);
- }
- /*REGION*/
- .log{
- -webkit-flow-into: barbapapa;
- }
- .ff{
- -webkit-flow-from: barbapapa;
- }
- /*COUV*/
- [class*="grad"]{
- width:100%;
- height:20%;
- display: block;
- }
- .grad1{
- background: -webkit-linear-gradient(45deg,#1DFF00,#1F0CE8,#0DFFAC);
- }
- .grad2{
- background: -webkit-linear-gradient(-45deg,#1DFF00,#1F0CE8,#0DFFAC);
- }
- .cover h1{
- font-family: Term-Gro;
- font-size: 3em;
- text-align: right;
- vertical-align: bottom;
- margin:1em;
- bottom: 0;
- position: absolute;
- }
- /*LOG*/
- .ff {
- width:65%;
- height: 100%;
- margin: auto;
- padding:3mm 0 3mm 0;
- }
- p {
- font-size: 10pt;
- }
- ul{
- list-style:none;
- font-size: 6pt;
- width: 50mm;
- position: relative;
- left: 60mm;
- }
- h4{
- width: 50mm;
- position: relative;
- left: 60mm;
- }
- /*INTRO*/
- .intro{
- height: 115mm;
- padding-top: 30mm;
- }
|