@import url(https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary-color:#378ce7;--secondary-color:#dff5ff;--tertiary-color:#67c6e3;--xs-font-size:0.75rem;--sm-font-size:0.875rem;--md-font-size:1rem;--lg-font-size:1.125rem;--xs-padding:0.25rem 0.5rem;--sm-padding:0.45rem 0.85rem;--md-padding:0.55rem 1rem;--lg-padding:0.75rem 1.25rem}.navigation-menu{display:flex;flex-direction:column;padding:1rem}.navigation-menu .logo{padding-bottom:1.5rem;width:65%}.navigation-menu .link{border-radius:1rem;color:#000;font-size:1rem;font-weight:500;padding:.5rem;text-decoration:none}.navigation-menu .link:hover{background-color:var(--secondary-color)}.navigation-menu .link .icon{padding:0 1rem}h2{margin:3% 10%}.tiles-container{display:flex;flex-wrap:wrap;gap:20px;padding:0 10%}.component-tile{background-color:#fff;background-color:var(--secondary-color);border-radius:10px;box-shadow:0 2px 4px #0000001a;flex:1 0 15rem;padding:10px;text-align:center;text-decoration:none;transition:transform .3s ease-in-out}.landing{height:20rem;justify-content:center;margin:0;padding:0}.landing,.landing-content{align-items:center;display:flex;flex-direction:column}.custom-shape-divider-bottom-1712691805{bottom:0;left:0;line-height:0;overflow:hidden;position:absolute;width:100%}.custom-shape-divider-bottom-1712691805 svg{display:block;height:226px;position:relative;width:calc(142% + 1.3px)}.custom-shape-divider-bottom-1712691805 .shape-fill{fill:var(--primary-color)}a:link{color:#000}a:visited{color:var(--primary-color)}.input{background:#0000;border-radius:5px}.input:disabled,.input[disabled]{background-color:#ccc;border:1px solid #999;color:#666;cursor:not-allowed}.input:readonly,.input[readonly]{background-color:#ebe7e7;border:1px solid #999;color:#000;cursor:not-allowed}.simple-input{border:2px solid #999;color:#000}.simple-input::placeholder{color:#ccc}.simple-input:focus{box-shadow:0 0 0 5px var(--secondary-color);outline:none}.filled-input{background:#ededed;border:2px solid #ccc}.filled-input:focus{background:#fff;box-shadow:0 0 0 5px var(--secondary-color)}.clean-input{background:#0000;border:none;border-bottom:2px solid grey;border-radius:0}.clean-input:focus{border-bottom:2px solid var(--tertiary-color);outline:none}.clear-input{background:#0000;border:none}.clear-input:focus{outline:none}.xs-input{font-size:var(--xs-font-size);padding:var(--xs-padding)}.md-input{font-size:var(--md-font-size);padding:var(--md-padding)}.sm-input{font-size:var(--sm-font-size);padding:var(--sm-padding)}.lg-input{font-size:var(--lg-font-size);padding:var(--lg-padding)}.header{align-items:center;box-shadow:0 0 5px var(--primary-color);display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;max-width:100%;padding:5px}.header-logo{color:var(--primary-color);font-size:1.8rem;font-weight:500;padding:0 .5rem}.header-links{display:flex;flex-direction:row;font-size:1.2rem;justify-content:space-around;padding-right:.5rem}.nav-link{color:var(--primary-color);padding:0 10px;text-decoration:none}.nav-link:hover{color:var(--tertiary-color)}.search-box{align-items:center;border:1px solid var(--primary-color);border-radius:4px;display:flex;justify-content:flex-start;margin-left:2rem;padding:.25rem .5rem}.container{border:1px solid grey;border-radius:5px;margin:1rem 0;padding:.5rem;position:relative}.container>*{margin:.5rem}code{color:var(--tertiary-color)}pre{word-wrap:break-word;background:#f4f4f4;border:1px solid #ddd;border-left:3px solid #f36d33;color:#666;display:block;font-family:monospace;font-size:var(--xs-font-size);line-height:1.6;margin-bottom:1.6em;max-width:100%;overflow:auto;padding:1em 1.5em;page-break-inside:avoid}.language-jsx{color:#000}.button{border-radius:.3rem;cursor:pointer;padding:.5rem 1rem}.button:disabled,.button[disabled]{background-color:#ccc;border:1px solid #999;color:#999;cursor:not-allowed}.button:disabled:hover{background-color:#ccc}.simple-button{background-color:var(--primary-color);border:1px solid var(--primary-color);color:#fff;cursor:pointer}.simple-button:hover{background-color:var(--tertiary-color)}.clean-button{background-color:#fff;border:1px solid var(--primary-color);color:var(--primary-color);cursor:pointer}.clean-button:hover{background-color:var(--secondary-color)}.clear-button{background:#0000;border:none;color:var(--primary-color)}.clear-button:hover{background:var(--secondary-color);outline:none}.xs-button{font-size:var(--xs-font-size);padding:var(--xs-padding)}.sm-button{font-size:var(--sm-font-size);padding:var(--sm-padding)}.md-button{font-size:var(--md-font-size);padding:var(--md-padding)}.lg-button{font-size:var(--lg-font-size);padding:var(--lg-padding)}.image-avatar{border-radius:50%}.xs-avatar{height:1rem;width:1rem}.sm-avatar{height:1.5rem;width:1.5rem}.md-avatar{height:2rem;width:2rem}.lg-avatar{height:2.5rem;width:2.5rem}.lxg-avatar{height:3rem;width:3rem}.alert{align-items:center;box-sizing:border-box;display:flex;flex-wrap:wrap;justify-content:flex-start;margin:.5rem;padding:0 0 0 1rem;position:relative;width:35%}.alert-title{font-size:16px;font-weight:700}.alert>*{margin-right:.5rem}.svg-icon-close{cursor:pointer;height:1rem;padding:0 5px;position:absolute;right:1px;top:8px;width:1rem}.simple-alert-success{background:#c6f6d5}.simple-alert-error{background:#fcc}.simple-alert-warning{background:#fff093}.simple-alert-info{background:#d2ecfd}.solid-alert-success{background:#29a14f;color:#fff}.solid-alert-error{background:#e01212;color:#fff}.solid-alert-info{background:#0a8fff;color:#fff}.solid-alert-warning{background:#f1d836;color:#fff}.xs-image{height:50px;width:50px}.sm-image{height:100px;width:100px}.md-image{height:150px;width:150px}.lg-image{height:200px;width:200px}.lxg-image{height:250px;width:250px}.br1-image{border-radius:5px}.br2-image{border-radius:15px}.br3-image{border-radius:25px}.circle-image{border-radius:50%}.badge{background-color:grey;border-radius:5px;color:#fff;font-weight:600}.sm-badge{font-size:.8em;padding:.2em}.md-badge{font-size:.9em;padding:.3em}.lg-badge{font-size:1.1em;padding:.3em}.danger-badge{background-color:red}.success-badge{background-color:green}.info-badge{background-color:blue}.warning-badge{background-color:#ffd000}.fun-badge{background-color:purple}.card{border:1px solid #d3d3d3;border-radius:5px;box-sizing:border-box;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;margin:.5rem;padding:1rem;width:35%}.card-badge{height:35%;position:relative}.card-description{font-size:16px;margin:0}.card-image{border:1px solid #d3d3d3;border-radius:1rem;color:#000;height:20%;padding:1rem;text-decoration:none;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.card-image:hover{box-shadow:0 10px 20px #00000030,0 6px 6px #0000003b}.corner{margin:.5rem;position:absolute;right:1px;top:8px}.bold{font-weight:800}.italic{font-style:italic}.underline{text-decoration:underline}.strikethrough{text-decoration:line-through}.sm{font-size:.8em}.md{font-size:.9em}.lg{font-size:1.1em}.xl{font-size:1.2em}.xxl{font-size:1.5em;font-size:1.8em}.xxxl{font-size:2em}.xxxxl{font-size:2.5em}*{font-family:Nunito,sans-serif;font-optical-sizing:auto;font-style:normal}.App{display:flex;flex-direction:column}.menu-container{min-width:15%}.content-container{display:flex;justify-content:center}.page{margin:0 1rem;width:80%}
/*# sourceMappingURL=main.f3a29826.css.map*/