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}element.style{--bg:#121212;--colorS:#1f1f1f;--colorTxtCR:#eff2f7}*{font-family:Roboto,sans-serif}.App{position:relative}main{grid-gap:30px;display:grid;gap:30px;grid:1fr;margin:auto;padding:50px 0;place-items:center;width:calc(87% + 30px)}@media (min-width:768px){main{grid:2fr/1fr 1fr}}.cards_con{grid-gap:20px;align-self:stretch;display:grid;gap:20px;height:509px;width:90%}@media (min-width:1440px){.cards_con{width:50%}}.white{font-weight:700}.white{color:#fff;color:#17d6f8}.porcentaje{background:#d70fe9;border-radius:5px;padding:5px}.cripto-info,.porcentaje{align-items:center;display:flex}.cripto-info{justify-content:space-evenly}.cripto-info img{height:30px;width:30px}.cripto-title{color:#fff}.cripto-title h2{font-size:17px;margin-left:20px}.cripto-first .graphic{background:#fff;border-radius:5px;height:250px;margin:20px;padding:5px;position:relative}.app-header{align-items:center;background-color:rgba(197,53,241,.911);color:#fff;display:flex;font-size:clamp(1rem,4vw,2.5rem);line-height:56px}.app-header p{font-family:Roboto,sans-serif;font-size:21px;font-weight:700;margin:2%;width:50%}.select-button{display:flex;justify-content:end;margin-right:30px;width:50%}#coinSelect{background-color:initial;border:none;color:#fff;font-size:1.2rem;height:20px;margin-right:25px;text-transform:uppercase}#coinSelect option{color:#000}.toogleMode{background-color:initial;border:none}svg{fill:#fff;font-size:20px}.cripto-first{background:rgba(197,53,241,.911);border-radius:20px;color:#fff;max-width:500px;padding:20px;text-align:center;width:95%}.icon-arrow{font-size:12px;padding:5px;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.cripto-title{align-items:center;display:flex;justify-content:space-around}.cripto-title h2{text-transform:uppercase}.cripto-title img{width:50px}.graph{height:60px;margin:auto;position:relative;width:80%}.graph canvas{margin:auto;width:100%}.card{grid-gap:10px;background-color:rgba(197,53,241,.911);border-radius:20px;display:grid;gap:10px;grid:1fr;padding:15px 20px;place-items:center;width:100%}@media (min-width:1440){.card{width:80%}}.cripto-info .card-img{height:50px;width:50px}.graphic .graph{display:grid;height:100%;width:100%}:root{--url:"ds"}.contenedor{background-color:rgba(197,53,241,.911);border-radius:10px;margin:60% auto 0;padding:20px 30px 30px;width:85%}.contenedor h2{font-size:1.3rem;margin:0 0 20px}.input-convert{grid-gap:10px;display:grid;gap:10px;grid:1fr}@media (min-width:768px){.contenedor{margin:25% auto 0}.input-convert{grid:40px/3fr 1fr 3fr}}@media (min-width:1440px){.contenedor{margin:15% auto 0}select{font-size:16px}}.contenedor input{-webkit-appearance:none;appearance:none;background-color:#fff;border:0;border-radius:5px;box-shadow:none;color:#767676;cursor:pointer;font-size:1.2rem;height:100%;outline:0;padding:12px 20px;width:100%}.contenedor input::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none}.contenedor select{-webkit-appearance:none;appearance:none;background-color:#fff;border:0;box-shadow:none;color:#767676;cursor:pointer;font-size:10px;font-weight:700;height:100%;inset:0;margin:auto;outline:0;padding-left:55px;position:absolute;text-transform:uppercase;width:100%}option{font-size:12px}select::-ms-expand{display:none}.select{border-radius:5px;display:flex;height:100%;inset:0;margin:auto 0 auto auto;position:absolute;width:40%}.input{height:100%;position:relative;width:100%}.select img{border-radius:50%;height:30px;inset:0;margin:auto auto auto 15px;position:absolute;width:30px;z-index:10}.select:after{color:#767676;content:"\25BC";display:grid;height:50%;inset:0;margin:auto 20px auto auto;place-items:center;pointer-events:none;position:absolute;transition:all .25s ease;width:5px}.select:hover:after{color:#02735e}.icono{margin:15px 0;place-self:center}.table_coins{margin:50px auto;width:90%}.table_coins thead{display:none}.table_coins tr:nth-of-type(2n){background-color:inherit}.table_coins tr td:first-child{font-size:1.3em;font-weight:700}.table_coins tbody td{display:block;margin:10px 0;text-align:center}.table_coins tbody td:before{content:attr(data-th);display:block;text-align:center}@media (min-width:768px){.table_coins{display:block;margin:auto;overflow-x:auto;padding:30px 30px 80px;width:80%}.table_coins thead{display:contents}.table_coins tbody td{display:table-cell}tr{text-align:center}}.coin_image_container img{height:40px;margin:10px 0}@media (min-width:768px){.coin_image_container{margin:auto;width:140px}.coin_image_container img{height:30px;margin-left:2%}.table_coins td{padding:15px 0;text-align:center}.table_coins tbody td:first-of-type,.table_coins thead td{font-size:12px;font-weight:700}.table_coins tbody td:not(:first-of-type){font-size:12px;padding:0 10px}td .graph{margin:auto;width:80%}}*{box-sizing:border-box;margin:0;padding:0}body{height:100vh;margin:auto;width:100%}.Footer{grid-row-gap:1rem;background-color:rgba(197,53,241,.911);color:#fff;display:grid;grid-auto-columns:1rem;grid-template-columns:repeat(1,minmax(min(100%,50%),1fr));height:auto;padding:40px 15px;row-gap:1rem;width:100%}.footer-up{display:grid;grid-template-columns:3fr 1fr;margin:auto;max-width:90%;place-items:center center}.footer-p p{font-size:1.2rem}.footer-c{display:flex;flex-direction:column;text-align:center;width:100%}.footer-c p:first-of-type{font-size:1.8rem}.footer-c p:last-of-type{font-size:1.4rem}.footer-down{align-items:center;display:flex;justify-content:center}.footer-down p{font-size:1.6rem;font-weight:700;margin-right:25px}.Footer img:last-of-type{height:60px}@media screen and (max-width:768px){.Footer{row-gap:0}.Footer img{width:50px}.footer-up{grid-template-columns:1fr}.footer-p{text-align:justify}.footer-c,.footer-p{color:#e5e5e5;font-size:12px}.footer-c{justify-content:center;margin:10px 0;text-align:center}.footer-down{display:flex;flex-direction:column}.footer-down p{margin-right:0;padding:10px;text-align:center}}@media (max-width:1075px){.footer-down div{grid-row-gap:1rem;display:grid;grid-template-columns:repeat(4,1fr);place-items:center center;row-gap:1rem}}
/*# sourceMappingURL=main.9a229b46.css.map*/