.container-navbar{align-items:center;display:flex;justify-content:center}.context-navbar{background:#4b6587;background:var(--mainColor);margin:.5rem}.context-navbar,.section-logo{align-items:center;display:flex;justify-content:space-around;width:70%}#tittle{color:#f0e5cf;color:var(--secondColor);font-size:2rem}.section-button-navbar{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;width:30%}#home-button{word-wrap:break-word;background:none;border:4px dashed #f0e5cf;border:4px dashed var(--secondColor);border-top-left-radius:2rem;border-top-right-radius:2rem;color:#f0e5cf;color:var(--secondColor);font-size:1rem;font-weight:700;height:4rem;margin:1rem;width:5rem}#home-button:hover{background:#f0e5cf;background:var(--secondColor);color:#4b6587;color:var(--mainColor);cursor:pointer}@media screen and (max-width:820px){.section-logo{align-items:center;flex-direction:column;justify-content:center}#logo{height:4rem;width:4rem}#tittle{color:#f0e5cf;color:var(--secondColor);font-size:1rem;margin:initial}#home-button{font-size:.8rem;height:3.5rem;margin:.5rem;width:4rem}}@media (min-width:360px){.context-navbar{max-width:100%;min-width:95%}}.container-view{align-content:center;display:flex;flex-direction:column;flex-wrap:wrap}.header-container{max-width:95%;min-width:50%}.section-body{align-content:center;display:flex;justify-content:center;margin:2rem}@media (max-width:820px){.section-body{display:flex;justify-content:center;margin:.25rem}}.pieces-number{align-items:center;background-color:#4b6587;background-color:var(--mainColor);border-radius:.5rem 0 1rem .5rem;color:#f0e5cf;color:var(--secondColor);display:flex;height:2rem;justify-content:space-evenly;margin:.5rem;width:5rem}.multiply-number{font-weight:700}.check-operation{border-radius:100%;height:1.2rem;width:1.2rem}@media (max-width:640px){.pieces-number{height:1.5rem;justify-content:center;margin:.5rem;width:3.5rem}.multiply-number{font-size:12px}.check-operation{height:.75rem;margin-right:.25rem;width:.75rem}}.pieces-result{align-items:center;background-color:#4b6587;background-color:var(--mainColor);border-radius:0 .5rem .5rem 1rem;color:#f0e5cf;color:var(--secondColor);cursor:pointer;display:flex;height:2rem;justify-content:space-evenly;margin:.5rem;width:5rem}.result{font-weight:700}.result-check{border-radius:100%;height:1.2rem;width:1.2rem}@media (max-width:640px){.pieces-result{height:1.5rem;justify-content:center;margin:.5rem;width:3.5rem}.result{font-size:12px}.result-check{height:.75rem;margin-left:.25rem;width:.75rem}}.container-multiply{align-items:center;border:2px solid var(--mainColor);border-radius:1rem;box-shadow:0 0 15px 5px var(--mainColor);display:flex;flex-direction:row-reverse;justify-content:space-evenly}.container-result{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;max-width:50%;min-width:30%}#title-multiply{border:2px solid var(--mainColor);border-radius:0 0 1rem 1rem;color:var(--mainColor);font-size:2rem;max-width:70%;min-width:50%;padding:2rem;text-align:center}#title-multiply,.results{background-color:var(--secondColor)}.results{align-items:center;border:2px solid var(--mainColor);border-radius:1rem;display:flex;flex-direction:column;justify-content:space-around;margin:1rem;padding:1rem}#title-result{background-color:var(--secondColor);border:2px solid var(--mainColor);border-radius:5rem;color:var(--mainColor);font-size:1rem;margin:2rem;padding:2rem;text-align:center;width:70%}.results-pieces{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(auto-fit,1fr);margin:1rem}.list-multiply{display:flex;flex-direction:column;justify-content:center;list-style:none}.item-multiply,.item-result{border:1px solid #646464;border-radius:.5rem 0 1rem .5rem;margin:.5rem}.list-results{display:flex;flex-direction:column;justify-content:space-between;list-style:none}.drop-zone-result{border:1px solid #646464;border-radius:0 .5rem .5rem 1rem;height:2.5rem;margin:.5rem;width:5.5rem}.drag-and-drop-zone{background-color:var(--secondColor);border:2px solid var(--mainColor);border-radius:1rem;display:flex;flex-direction:row;margin:2rem;padding:1rem}.container-mobile{align-content:center;flex-wrap:wrap;justify-content:center}.container-mobile,.header-mobile{display:flex;flex-direction:column}.header-mobile{align-items:center}#title{background-color:var(--secondColor);border:2px solid var(--mainColor);border-radius:0 0 1rem 1rem;color:var(--mainColor);font-size:1rem;max-width:70%;min-width:50%;padding:.5rem;text-align:center}#information{font-feature-settings:"pcap","c2pc";font-size:12px;font-variant-caps:all-petite-caps;margin:0;text-align:center}.body-mobile-container{display:flex;flex-direction:row-reverse;flex-wrap:nowrap;gap:1rem;justify-content:space-between;margin:1rem 0}.result{flex-direction:row;flex-wrap:wrap;justify-content:center;max-width:50%;min-width:30%}.content,.result{align-items:center;display:flex}.content{justify-content:space-around}.content,.content-table{background-color:var(--secondColor);border:2px solid var(--mainColor);border-radius:1rem;flex-direction:column}.content-table{align-items:center;display:flex}.title-pieces{background-color:var(--secondColor);border:2px solid var(--mainColor);border-radius:5rem;color:var(--mainColor);font-size:1rem;margin:.5rem;padding:.5rem;text-align:center}.piece{grid-template-columns:repeat(1,1fr)}.piece,.table-piece{display:grid;margin:.25rem}.table-piece{grid-template-columns:repeat(2,1fr)}.item-result{border:1px solid #646464;border-radius:0 .5rem .5rem 1rem;margin:.5rem}.pieces-multiply{display:grid;grid-template-columns:repeat(1,1fr);margin:.25rem}.container-home{align-items:center;background:#f0e5cf;background:var(--secondColor);border:2px solid #4b6587;border:2px solid var(--mainColor);box-shadow:0 0 15px 5px #4b6587;box-shadow:0 0 15px 5px var(--mainColor);display:flex;flex-direction:column;flex-wrap:nowrap;margin:1rem;max-width:60%;min-width:50%;text-align:center}.header-home{color:#4b6587;color:var(--mainColor);font-size:2rem;font-weight:700}.select-multiply{align-items:center;display:flex;flex-direction:column;margin:1rem;width:90%}.container-select-multiply{grid-column-gap:1.5rem;grid-row-gap:2rem;column-gap:1.5rem;display:grid;grid-template-columns:repeat(5,1fr);margin:2rem 1rem 1rem;row-gap:2rem}.multiply{word-wrap:break-word;align-items:center;background:#4b6587;background:var(--mainColor);border:2px solid #f0e5cf;border:2px solid var(--secondColor);border-top-left-radius:2rem;border-top-right-radius:2rem;box-shadow:0 0 15px 5px #4b6587;box-shadow:0 0 15px 5px var(--mainColor);color:#f0e5cf;color:var(--secondColor);display:flex;flex-direction:column;justify-content:space-between;margin:.5rem;padding:.5rem 1rem}.multiply:hover{background:#f0e5cf;background:var(--secondColor);border:4px dotted #4b6587;border:4px dotted var(--mainColor);border-radius:0 0 2rem 2rem;box-shadow:0 0 15px 5px #f0e5cf;box-shadow:0 0 15px 5px var(--secondColor);color:#4b6587;color:var(--mainColor);cursor:pointer}.header-multiply{font-size:20px;font-weight:700;margin:.5rem}#value-multiply{font-size:25px;font-weight:700;margin:1rem}.footer-home{margin:2rem}#home-logo{height:5rem;width:6rem}@media (min-width:1024px){.container-home{max-width:80%;min-width:70%}.container-select-multiply{column-gap:1rem;margin:.5rem;row-gap:.5rem}}@media (min-width:768px){.container-home{margin:.25rem;max-width:100%;min-width:90%}.container-select-multiply{column-gap:1rem;margin:.5rem;row-gap:.5rem}}@media (max-width:768px){.header-home{font-size:1rem}.container-select-multiply{grid-column-gap:.5rem;grid-row-gap:.25rem;column-gap:.5rem;display:grid;grid-template-columns:repeat(3,1fr);margin:.25rem;row-gap:.25rem}}@media (max-width:680px){.multiply{align-items:center;display:flex;flex-direction:column;justify-content:space-between;margin:.25rem;padding:.2rem}}@media (min-width:360px){.container-home{margin:.25rem;max-width:100%;min-width:90%}.select-multiply{margin:0}.header-multiply{display:flex;flex-direction:column;font-size:1rem;margin:.2rem;padding:.25rem}.footer-home{margin:.25rem}#home-logo{height:4rem;width:4rem}}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}:root{--mainColor:#4b6587;--secondColor:#f0e5cf;--highlightColor:#f7f6f2;--shadowColor:#c8c6c6}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f7f6f2;background-color:var(--highlightColor);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}
/*# sourceMappingURL=main.f6e26f96.css.map*/