:root{--primary-color: #f2f2f2;--secondary-color: #ffffff;--background-color: #efefef;--text-color: #000000;--link-color: #007bff;--resalt-color: #007bff;--hresalt-color: #009fff;--select-color: #dfdfdf;--border: 0px;--default-margin: 10px;--default-padding: 10px;--button-grid: 5;padding:0;margin:0}*{box-sizing:border-box;margin:var(--default-margin);padding:var(--default-padding)}body,#app,#document,#content{background-color:var(--background-color);margin:0;padding:0;border:var(--border);width:100%}#document{margin-bottom:100px}header:not(.nohr){background-color:var(--secondary-color);background-image:url(../header.svg);color:#fff;margin:0;padding:0;text-align:center;min-height:200px;display:flex;vertical-align:middle;flex-direction:column}.instrument-container{display:grid;grid-template-columns:repeat(4,1fr)}@media(max-width:600px){.instrument-container{grid-template-columns:repeat(1,1fr)}}@media(max-width:800){.instrument-container{grid-template-columns:repeat(2,1fr)}}article.instrument{background-color:#add8e6;border-radius:10px;text-align:center;display:flex;flex-direction:column}header h1{text-transform:uppercase;font-size:2.5em;margin-bottom:0;font-family:Abril Fatface}header p{font-size:1.5em;margin-top:0}header *{margin:auto}#document{background-color:var(--primary-color);display:flex;flex-direction:row}#letters,#content-hw{background-color:var(--secondary-color)}#letters{margin:010px;max-height:800px;overflow-y:auto;overflow-x:hidden;min-width:150px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap}button{background-color:var(--resalt-color);border:0;cursor:pointer;width:35px;height:35px;text-align:center;transition:background-color .5s,box-shadow .5s;font-size:1em;margin:3px}button:hover{background-color:var(--hresalt-color);box-shadow:0 0 10px var(--resalt-color)}table{width:100%;background-color:var(--background-color);border-collapse:collapse}table *,table{margin:0}table tbody tr:hover{background-color:var(--select-color)}footer{width:100%;text-align:center;font-size:1.2em;font-family:Abril Fatface;background:var(--hresalt-color);color:#fff;opacity:.8;margin:0}p#try-other{font-size:1.5em;text-align:center;background-color:var(--resalt-color);color:#fff;font-style:italic}p#try-other:before{content:"¡"}p#try-other:after{content:"!"}p#index-home-text{font-size:1.2rem}p{text-align:center}img{height:150px;min-width:150px;margin:auto}.clickable{cursor:pointer;background-color:#fff;border-radius:10px;transition:background-color .5s}.clickable:after{content:"🔎"}.clickable:hover{background-color:var(--resalt-color)}