@import url(https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap);*{font-family:Outfit,sans-serif}body{height:100%;width:100%}.app{margin:auto;width:80%}@media screen and (max-width:800px){.app{width:100%}}.navbar{color:#000;flex-wrap:wrap;justify-content:space-between;margin:2vh}.navbar,.navbar .logo{align-items:center;display:flex}.navbar .logo{font-size:2.2vmax;font-weight:500;gap:.5rem}.logo p span{color:green}.navbar ul{display:flex;font-size:1.5vmax;gap:2vmax;list-style:none;margin:0;padding:0}.navbar ul,a{text-decoration:none}a{color:inherit}.active{color:green}.navbar select{background:#0000}.navbar option,.navbar select{border:none;color:#000;font-size:1.5vmax}.navbar option{background:#fff}@media screen and (max-width:500px){.logo p{display:none}}.hero{flex-direction:column;gap:30px;margin:6vmax auto;text-align:center;width:80%}.hero,.hero form{align-items:center;display:flex}.hero form{flex-wrap:wrap;justify-content:space-between}.hero input{background-color:#f5f5f5;border:1px solid gray;border-radius:10px;flex:1 1;outline:none;padding-left:10px}.hero button,.hero input{font-size:1.5vmax;height:4vmax;margin:5px}.hero button{background:green;border:none;border-radius:5px;color:#f5f5f5;cursor:pointer;padding:10px auto}.crypto-table{background:#f5f5f5;border-radius:2%;max-width:100%;padding:15px}.table-layout{display:grid;grid-template-columns:.8fr 1.5fr 1.5fr 1fr}.crypto-table div:first-child{border-bottom:1px solid #adff2f;font-weight:bolder}.table-layout div{align-items:center;display:flex}.table-layout div img{width:30px}.table-layout .green{color:green;padding:10px}.table-layout .red{color:red;padding:10px}Link{border:none}@media screen and (max-width:800px){button{width:100%}.table-layout{align-items:center;display:grid;grid-template-columns:.3fr 1.7fr 1.3fr 1fr}}.container{background:#f5f5f5;border-radius:8px;box-shadow:0 4px 8px #0000001a;height:100%;margin:100px auto;max-width:500px;padding:20px;text-align:center;width:100%}.title{color:#333;margin-bottom:20px;text-align:center}.title span{color:green}.label{display:block;font-weight:700;margin-bottom:5px}.input,.select{border:1px solid #ccc;border-radius:4px;margin-bottom:20px;padding:10px}.select{margin-bottom:10px;width:70%}input{--webkit-perspective:none;font-size:1.2rem;text-align:left;width:65%}.result{color:#333}@media (max-width:480px){.container{margin:50px auto;padding:10px}.input{font-size:.9rem}.swapButton{font-size:.8rem;padding:6px 12px}}
/*# sourceMappingURL=main.bd76fe34.css.map*/