:root {
  --mn-color: darkgreen;
  --lnks-color: darkgreen;
  --bkg-color: lightgreen;

}

@page {
    size: 21.0cm 29.7cm;
    margin: 0mm 10mm;
}

*{margin: 0; padding: 0;}
body{  font-family: "Libre Franklin", sans-serif; line-height: 140%; color: var(--mn-color); position: relative; min-height: 100vh;}
h1{margin: 90px 0 20px; line-height: 120%; font-weight: normal; font-size:2.4rem;}
h1 strong {font-size: 4.4rem; font-weight: 700}
#libre { position: absolute; padding:20px; border: 1px solid var(--mn-color); display: inline-block; border-radius: 50%; font-size: 24px; text-align: center;   transform: rotate(10deg); }
h2{font-size: 1.4rem; font-weight: 700}
p, ul, ol {margin-bottom:10px;}
ul, ol {list-style-position: ourside; padding-left: 2rem;}
a, a:visited{color: var(--lnks-color)}
hr{height:1px; margin: 20px 0;
  border-width: 0;
  color: var(--mn-color);
  background-color: var(--mn-color);}
footer{margin-top: 20px; padding-top: 20px; font-size: 0.9rem; line-height: 120%; border-top: var(--mn-color) 1px solid;}


/* MEDIA QUERIES */
@media only screen {
  body{max-width: 620px; margin: 0 auto; padding: 5px; background:linear-gradient(var(--bkg-color),white) ; font-size: 18px; }
  #libre{top:20px; right: 20px;}

  }
@media only print {
  body{width: 100%; background-color:none; font-size: 16pt; }
  #libre{top:-80px; right: 20px;}

  a, a:visited{text-decoration: none; }
  }