@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap);*{box-sizing:border-box;font-family:Open Sans,sans-serif;margin:0;padding:0}ul{list-style:none}a{text-decoration:none}.app{display:flex}.routes{width:75%}.container{margin:2rem auto;width:90%}.loss,.profit{font-weight:700}.profit{color:green}.loss{color:red}@media only screen and (max-width:850px){.app{flex-direction:column}.container{width:90%}.routes{width:100%}}.footer{background-color:#001f54;color:#fff;padding:1.2rem 2rem;text-align:center}.footer h4{margin-bottom:20px}.footer ul{align-items:center;display:flex;justify-content:center}.footer ul a{color:#ebe9e9;font-weight:400}footer ul a:hover{color:#1282a2}footer ul a li{margin-right:20px}@media screen and (max-width:600px){.footer{padding:1.2rem 1.4rem}.footer h4{font-size:.9rem}.footer ul a{font-size:.8rem}footer ul a li{margin-right:7px}}.navbar{width:25%}.nav-container{background-color:#001f54;height:100vh;left:0;padding:4rem 1.2rem;position:fixed;top:0;width:25%}.nav-logo{align-items:center;display:flex;flex-direction:column;justify-content:space-between;margin-bottom:40px}.nav-logo img{height:100px;width:100px}.nav-logo h2{color:#fff;font-size:1.8rem}.nav-toggle{color:#fff;cursor:pointer;display:none;font-size:2rem}.nav-menu{background-color:#001f54}.nav-menu ul li{cursor:pointer;padding:15px}.nav-menu ul a{color:#fff;font-size:1rem}.nav-menu ul a span{margin-left:10px}.active{background-color:#1282a2}.active-menu{top:14%!important}@media screen and (max-width:850px){.navbar{width:100%}.nav-container{align-items:center;display:flex;height:auto;justify-content:space-between;padding:1.4rem 1.2rem;position:static;width:100%}.nav-logo{flex-direction:row;margin-bottom:0}.nav-logo img{height:60px;margin-right:10px;width:60px}.nav-logo h2{font-size:1.4rem}.nav-menu{position:absolute;right:0;top:-100%;width:50%;z-index:2}.nav-menu ul{margin:4rem auto;width:80%}.nav-toggle{display:block}}@media screen and (max-width:600px){.nav-menu{width:80%}}.crypto-card{background-color:#f7f7f7;border:.5px solid #bebebe}.crypto-card a{color:#000}.crypto-card-title{align-items:center;border-bottom:1px solid #bebebe;display:flex;justify-content:space-between;padding:10px 15px}.crypto-card-title h3{font-size:1.1rem}.crypto-card-title img{height:50px;width:50px}.crypto-card-info{padding:30px 15px}@media screen and (max-width:600px){.crypto-card-title{flex-direction:column-reverse;padding:10px}.crypto-card-title h3{font-size:1rem}.crypto-card-title img{height:30px;margin-bottom:20px;width:30px}.crypto-card-info p{font-size:.8rem}.crypto-card-info{padding:20px 10px}}.pageheader{background-color:#ecedee;padding:1.2rem 2rem;width:100%}.pageheader h3 a{color:#000}.pageheader h3 a:hover{color:#1282a2}.loading{align-items:center;display:flex;height:100vh;justify-content:center;width:100%}.loader{-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;border:16px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:120px;width:120px}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@media screen and (max-width:850px){.loading{height:80vh}.loader{height:80px;width:80px}}.crypto-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr 1fr}@media screen and (max-width:850px){.crypto-container{grid-template-columns:1fr 1fr}}.exchanges-item{grid-gap:10px;align-items:center;background-color:#f7f7f7;display:grid;gap:10px;grid-template-columns:1fr 1fr 1fr .5fr;margin-bottom:7px;padding:15px}.exchanges-item-name{align-items:center;display:flex}.exchanges-item-name img{height:35px;margin-right:10px;width:35px}.exchanges-item-name p{font-weight:700}.exchanges-item a{align-items:center;color:#1282a2;display:flex;font-weight:700}.exchanges-item a:hover{color:red}.icon{font-size:1.5rem;margin-left:10px}@media screen and (max-width:850px){.exchanges-item{gap:7px;grid-template-columns:1fr .5fr .5fr .5fr;padding:10px}.exchanges-item p{font-size:.9rem}.exchanges-item a{font-size:.8rem}.exchanges-item-name img{height:27px;width:27px}.icon{display:none}}@media screen and (max-width:600px){.exchanges-item p{font-size:.7rem}.exchanges-item a{font-size:.6rem}.exchanges-item-name img{height:20px;margin-right:5px;width:20px}}.exchanges-container h2{color:#034078;margin-bottom:20px}.exchanges-container form label{font-size:1rem;margin-right:20px}.exchanges-container form select{color:#5e5e5e;font-size:1rem;padding:5px;width:40%}.exchanges-info{margin-top:40px}.exchanges-info-heading{grid-gap:10px;display:grid;font-weight:700;gap:10px;grid-template-columns:1fr 1fr 1fr .5fr;padding:15px}@media screen and (max-width:850px){.exchanges-container h2{font-size:1.4rem}.exchanges-container form label,.exchanges-container form select{font-size:.8rem}.exchanges-info-heading{gap:7px;grid-template-columns:1fr .5fr .5fr .5fr;padding:10px}.exchanges-info-heading p{font-size:.8rem}}@media screen and (max-width:600px){.exchanges-container h2{font-size:1.2rem}.exchanges-info-heading p{font-size:.6rem}}.news-item{background-color:#f7f7f7;border:.5px solid #bebebe}.news-item-container{display:flex;flex-direction:column;height:100%;justify-content:space-between}.news-item-footer,.news-item-title{display:flex;justify-content:space-between;padding:20px 15px}.news-item-title h3{color:#000;font-size:1.2rem;width:70%}.news-item a img{width:25%}.news-item-info{color:#5e5e5e;padding:0 15px}.news-item-footer{color:#303030}@media screen and (max-width:600px){.news-item-title h3{font-size:1rem;width:100%}.news-item-title{flex-direction:column}.news-item a img{height:250px;margin-top:20px;width:100%}}.home-subtitle{align-items:center;display:flex;justify-content:space-between}.home-subtitle h3 a{color:#1282a2}.home-subcontent{margin:1.7rem 0}.global-crypto-subcontent{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.global-crypto-item h5{color:#777;font-size:.9rem;font-weight:500;margin-bottom:6px}.global-crypto-item p{font-size:1.4rem}.top-crypto-subcontent{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr 1fr}.latest-crypto-subcontent{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}@media screen and (max-width:850px){.home-subtitle{align-items:start;flex-direction:column}.top-crypto-subcontent{grid-template-columns:1fr 1fr}.latest-crypto-subcontent{grid-template-columns:1fr}}@media screen and (max-width:600px){.home-subtitle h2{font-size:1.2rem}.home-subtitle h3 a{font-size:1rem}.global-crypto-item p{font-size:1.2rem}.global-crypto-item h5{font-size:.8rem}}.news-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}@media screen and (max-width:600px){.news-container{grid-template-columns:1fr}}.crypto-details-title{align-items:center;display:flex;justify-content:space-between;margin-bottom:40px}.crypto-details-info{width:60%}.crypto-details-info div{align-items:baseline;display:flex;justify-content:space-between;margin-top:20px}.crypto-details-info h4{font-size:1.4rem}.crypto-chart div{display:flex;justify-content:space-between;margin:40px 0}.crypto-chart div h2{color:#034078}.select{width:40%}.select label{font-size:1rem;margin-right:20px}.select select{color:#5e5e5e;font-size:1rem;padding:5px;width:40%}.crypto-details-title h1{color:#034078;font-size:2rem;font-weight:900}.crypto-details-title img{height:70px}.crypto-details-subcontent{grid-gap:4rem;display:grid;gap:4rem;grid-template-columns:1fr 1fr}.statistics h3{color:#034078;font-size:1.4rem;margin-bottom:15px}.statistics p{font-size:1rem;margin-bottom:20px}.statistics ul li{border-bottom:.5px solid #dadada;color:#5e5e5e;display:flex;font-size:1.2rem;font-weight:500;justify-content:space-between;margin-bottom:10px;padding-bottom:10px}@media screen and (max-width:850px){.crypto-details-info{width:100%}.crypto-chart div{flex-direction:column}.select{margin-top:20px;width:100%}.crypto-details-subcontent{grid-template-columns:1fr}}@media screen and (max-width:600px){.crypto-details-title h1{font-size:1.4rem}.crypto-details-title img{height:50px}.crypto-details-info p,.select label,.statistics p{font-size:.9rem}.crypto-details-info h4{font-size:1.1rem}.crypto-details-info div{flex-direction:column}.crypto-chart div h2,.statistics h3{font-size:1.2rem}.statistics ul li{font-size:1rem}}.line-chart{margin:20px auto;width:90%}.line{width:100%}@media only screen and (max-width:850px){.line-chart{width:100%}}
/*# sourceMappingURL=main.47ce7c0e.css.map*/