@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700&display=swap);*,:after,:before{box-sizing:border-box;margin:0;outline:none;padding:0}:root{--clr-dark:#2c3e50;--clr-red:#e74c3c;--clr-white:#ecf0f1;--clr-lite-blue:#3498db;--clr-dark-blue:#2980b9;--font-sel:"Open Sans",sans-serif}html{font-size:16px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#ecf0f1;background-color:var(--clr-white);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-family:Open Sans,sans-serif;font-family:var(--font-sel);margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.component{margin:2rem auto;max-width:1420px}.component,.title{align-items:center;display:flex;flex-direction:column}.title{margin-bottom:2rem}.title h1{margin-bottom:.4rem}.bar{border:2px solid #2980b9;border:2px solid var(--clr-dark-blue);width:3rem}.nav{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center}.family{background-color:initial;border:1px solid #e74c3c;border:1px solid var(--clr-red);border-radius:4px;color:#2c3e50;color:var(--clr-dark);font-family:inherit;font-size:.8rem;font-weight:800;padding:.12rem .5rem}.family.active{background-color:#e74c3c;background-color:var(--clr-red);color:#ecf0f1;color:var(--clr-white);transition:.2s ease}.items{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:2rem;width:100%}.item{font-size:.8rem;max-width:32rem;padding:1rem;width:90%}.contain{align-items:center;display:flex;flex-direction:column;gap:.2rem}.contain img{border:2px solid #2c3e50;border:2px solid var(--clr-dark);object-fit:contain;width:100%}.content{display:flex;flex-direction:column;gap:.25rem}.content h3{color:#e74c3c;color:var(--clr-red)}@media screen and (min-width:560px){.contain{flex-direction:row}.contain img{border:2px solid #2c3e50;border:2px solid var(--clr-dark);height:auto;margin-right:.5rem;object-fit:cover;width:35%}}@media screen and (min-width:1200px){.items{display:grid;grid-template-columns:1fr 1fr;place-items:center}.contain{flex-direction:row}.contain img{border:2px solid #2c3e50;border:2px solid var(--clr-dark);height:auto;margin-right:.5rem;object-fit:cover;width:35%}}
/*# sourceMappingURL=main.10f1d3bb.css.map*/