/* GLOBALES */ :root { --bg-orange: rgb(251, 107, 5); --bg-orange-light: rgba(251, 107, 5, 0.2); --bg-green:rgba(52, 168, 131); --bg-green-light:rgba(52, 168, 131, 0.2); --bg-blue:rgb(66, 133, 244); --bg-blue-light:rgb(66, 133, 244, 0.2); --bg-red: rgb(234, 67, 53); --bg-red-light: rgb(234, 67, 53, 0.2); } * { /* border:solid black 1px; */ box-sizing: border-box; margin: 0px; padding: 0px; } /* hereda de y llena su contenedor */ a { display: inline-block; width: 100%; height: 100%; text-decoration: none; color: inherit; /* Hereda el color del texto del contenedor */ line-height: inherit; text-align: inherit; align-content: inherit; } /* fuentes vinculadas. */ .Roboto { font-family: "Roboto", sans-serif;} .RobotoSlab { font-family: "Roboto Slab", serif;} /* 3 filas y sólo 1 columna */ body { height: 100vh; width: 99vi; margin:1px; display: grid; grid-template-columns: 1fr; grid-template-rows: 1fr 18fr 1fr ; background-color: var(--bg-green-light); } /* class="columns" 4 columnas por defecto (landscape) , pasan a sólo 1 columna (portrait) válido para