.currency-box[data-v-436d3268]{display:flex;width:32%;background-color:#d4d4d4;border-radius:20px;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:.3s;margin:20px}.currency-box[data-v-436d3268]:hover{width:40%}.currency-box .flag[data-v-436d3268]{width:80px;height:80px;border-radius:20px}.currency-box .title-box[data-v-436d3268]{margin-left:1.5em;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;font-family:Arial,Helvetica,sans-serif}.currency-box .title-box .code[data-v-436d3268]{font-weight:700}.currency-box .title-box .title[data-v-436d3268]{text-overflow:ellipsis;text-align:left}.currency-box .value-box[data-v-436d3268]{display:flex;margin-left:auto;margin-right:1em;align-items:center;justify-content:center}.currency-box .value-box .value[data-v-436d3268]{padding:1em;background-color:#639;border-radius:10px;color:#fff}@media only screen and (max-width:1200px){.currency-box[data-v-436d3268],.currency-box[data-v-436d3268]:hover{width:80%}}@media only screen and (max-width:450px){.currency-box .value-box .value[data-v-436d3268]{padding:.5em}.currency-box .title-box .code[data-v-436d3268]{font-size:.9em}.currency-box .title-box .title[data-v-436d3268]{font-size:.8em}.currency-box[data-v-436d3268],.currency-box[data-v-436d3268]:hover{width:90%}.currency-box .title-box[data-v-436d3268]{margin-left:1em}.currency-box .value-box[data-v-436d3268]{margin-right:.5em}}#app{font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;margin-top:60px;display:flex;width:100%;flex-direction:column;align-items:center}