@import url('https://fonts.googleapis.com/css2?family=Acme&family=Farro:wght@300&family=Tajawal&display=swap');


		h1{
			font-family: 'Acme', sans-serif;
			color:white;
			background-color: navy;
			padding: 15px;	
			position:relative;
		}

		#logo{
			width:40%;
			display:block;
			margin:0 auto;
		}

		p{
			font-size:12pt;
			font-family: 'Tajawal', sans-serif;
			text-align: right;
		}

		.termino{	
			font-size:18pt;
			font-family: 'Farro', sans-serif;	
			margin-top:20px;	
			color:navy;
			font-weight: bold;

		}
		.termino::after{
			content: ": ";
		}
		.definicion{			
			font-size:15pt;
			font-family: 'Tajawal', sans-serif;
			margin-left: 30px;

		}
		.definicion::before, .definicion::after{
			content: "\"";
		}

		.ultimo{
			position:absolute;
			color:lightgreen;
			right:10px;
			bottom:20px;
			font-size:11pt;
			font-family: 'Farro', sans-serif;
		}

		.contador{
			position:absolute;
			color:lightgreen;
			right:10px;
			bottom:6px;
			font-size:8pt;
			font-family: 'Farro', sans-serif;
		}

		.destacado{
			font-weight: bold;
			color:white;
		}

		#formulario{
			display:none;
			box-sizing: border-box;
			width:500px;
			height:500px;
			background-color: lightblue;
			position:absolute;
			top:50%;
			left:50%;
			margin-top:-250px;
			margin-left:-250px;
			border-radius: 15px;
			padding:15px;
			font-family: 'Tajawal', sans-serif;
		}

		textarea{
			width:460px;
			height:200px;
			resize: none;
		}
		input[name="termino"]{
			width:390px;
		}
		input[type="submit"]{
			margin-left:170px;
			background-color: navy;
			color:lightblue;
			width:120px;
			height:40px;
			border-radius:10px;
		}
		label{
			color:navy;
			font-weight: bold;
		}

		#cerrar{
			position:absolute;
			right:15px;
			top:15px;
		}