: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;
}