@import url('https://fonts.googleapis.com/css2?family=Alegreya&family=Alegreya+SC&family=Roboto&family=Roboto+Mono:wght@300&display=swap');
		
		@font-face {
		  font-family: 'Alpina Light';
		  src: url('GT Alpina Light.woff2') format('woff2');
		}
		
		@font-face {
		  font-family: 'Alpina Bold';
		  src: url('GT Alpina Bold.woff2') format('woff2');
		}
		
		@font-face {
		  font-family: 'Alpina Italic';
		  src: url('GT Alpina Italic.woff2') format('woff2');
		}

		
		:root {
		--bgColor: #f0f0f0;
		--fgColor: #333333;
		}
		
		
		html {
		  scroll-behavior: smooth;
		}

		body {
		   
		   background-color: var(--bgColor);
		   color:var(--fgColor);
            margin: 0 20px;
            -webkit-font-feature-settings: "kern", "liga";
            -moz-font-feature-settings: "kern", "liga";
            font-feature-settings: "kern", "liga";
            text-rendering: optimizeLegibility;
            /* border-top: 5px solid #EE6650; */
        }
        em {
            font-family: "Libre Baskerville";
        }
        a {
            color: #EE6650;
            text-decoration: none;
            padding-bottom: 3px;
            border-bottom: 1px dotted #EE6650;
        }
        a:hover {
            border-bottom-style: solid;
        }
        body, p {
            font-family: "Alegreya";
            font-size: 1.25em;
            line-height: 32px;
        }
        h1 {
            font-family: "Alpina Light";
            font-weight: 200;
            font-size: 4em;
            position: relative;
			line-height: 0.75em;
			width: 350px;
			margin-bottom:80px;
			margin-top: 10px;
        }
		
		#navbar {		  
		  position: fixed;
		  background-color: var(--bgColor);
		  top: 0;
		  width: 90%;
		  display: block;
		  transition: top 0.3s;
		  z-index:2;
		}

		#navbar a {
		  float: left;
		  display: block;
		  color: #f2f2f2;
		  text-align: center;
		  padding: 15px;
		  text-decoration: none;
		  font-size: 17px;
		  border-bottom: 0px;
		}

		#navbar a:hover {
		  color: black;
		}
		
		#comparte{
			position: fixed;
			display:none;
			left: 50%;
			transform: translate(-50%, 0);
			bottom: 0;
			height: 150px;
			background-color:  var(--bgColor);
			color: var(--fgColor);
			width: 400px;
			padding:20px;
			transition: top 0.3s;
			z-index:1;
			text-align:center;
		}
		
		#comparte p{
			font-family: "Roboto";
			font-size:0.8em;
			color:#666;			
		}
		
		#panel{
			display:block;
			background-color: var(--bgColor);
			margin-top: 80px;
			width: 80%;
			padding:30px;
			transition: top 0.3s;
			z-index:1;
		}
		
		#panel p{
			font-family: "Roboto";
			font-size:0.9em;
			color:#666;			
		}

 
		.blank{
			height:320px;
		}
		
		.container {
			position: flex;
			max-width: 460px;
			margin: 2em auto;
			display: flex;
			flex-direction: column;
			z-index:-1;
		}
		
		.titulo{
			display:none;
			mix-blend-mode: multiply;
		}
		
		.ornamento{
			margin-bottom:120px;
			font-size: 1.2em;
            line-height: 1.2em;
			page-break-after: always;
		}
		
		.torrente-id{
			font-family: "Roboto Mono";
			font-size:0.8em;
			color:#666;
		}
		
		.counter p{
			font-family: "Roboto Mono";
			font-size:0.8em;
			color:#666;
			margin-bottom:0px;
		}
		
		.linea{
			margin-bottom:30px;
		}
		
		.linea-1 {
            margin-left:4em;			
            font-size: 0.85em;
            line-height:1.5em;
        }

		.linea-2 {
            margin-left:3em;	
			font-size: 0.90em;
            line-height: 1.5em;
        }
		
		.linea-3 {
            margin-left:2em;	
			font-size: 0.95em;
            line-height: 1.5em;
        }
		
		.linea-4 {
            margin-left:1em;	
			font-size: 1em;
            line-height: 1.5em;
        }
		
		.linea-5 {
            margin-left:0em;	
			font-size: 1.05em;
            line-height: 1.5em;
        }
		
		.lix-1{
			font-family: "Alpina Italic"; !important
			font-weight:400;
			font-style:italic;
			font-size:1.75em; !important
			line-height: 1.4em;
		}
		
		.overlay {
		  position: fixed;
		  top: 0;
		  left: 0;
		  margin: 0;
		  height: 100%;
		  width: 100%;
		  z-index: 10;
		  background-size:100% 100%;
		/*  background: linear-gradient(rgba(0,130,170,0),rgba(250,250,250,1)); */
		   -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));
		  }
		

		  div.footer {
			display: none;
			}