html{font-size:16px}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}header{height:75px;border-bottom:1px solid #e6e9ec}header div{display:grid;place-items:center;grid-template-columns:48px 1fr;width:60%;margin:5px auto}header h1{font-family:"Poppins",sans-serif;font-weight:300;color:#0a3d62;font-size:1.5rem}@media (min-width:1024px){header{width:35%;margin:0 auto}}.container{width:100%}.currency-item,.currency-item-sticky{width:88%;margin:10px auto;padding:10px 15px;display:grid;grid-template-columns:50px 1fr 100px 15px 20px;align-items:center;border:1px solid #b9bbbd;border-radius:10px}.currency-item-sticky{box-shadow:0 10px 20px 5px rgba(0,0,0,.13);position:-webkit-sticky;position:sticky;top:10px;background:#f5f5f5;z-index:2}.currency-name h3{font-weight:600;color:#2d3436;font-size:1.125rem}.currency-name h3,.currency-name p{margin:0;padding:0;font-family:"Poppins",sans-serif}.currency-name p{color:#aca4a4;font-size:.875rem;font-weight:300}.currency-number input[type=number]{font-weight:600;color:#656363;font-family:"Poppins",sans-serif;font-size:1.125rem;width:100px;border:none;text-align:right;background:none}.button-container{margin:20px 0;display:grid;place-items:center}.btn-calc{border:none;background:none;margin-left:-5px}.more-currencies{background:#fff;width:100%;height:100vh;-webkit-transform:translateX(0);transform:translateX(0);position:fixed;top:0;z-index:5;transition:-webkit-transform .2s ease-in;transition:transform .2s ease-in;transition:transform .2s ease-in,-webkit-transform .2s ease-in}.btn-add-country-opened{background:#6c5ce7;color:#fff;font-size:1rem;font-weight:300;border:none;padding:20px;font-family:"Poppins",sans-serif;width:100%}.btn-add-country-opened span{margin-left:10px;top:-2px;position:relative}.more-item{display:grid;grid-template-columns:40px 1fr 20px;align-items:center;border-bottom:1px solid #e3e1e1;width:85%;margin:0 auto}.more-item:hover{cursor:pointer;border-bottom:1px solid #6c5ce7}.more-item p{font-family:"Poppins",sans-serif;font-weight:600;color:#2d3436;font-size:1rem}.more-item p span{color:#aca4a4;font-weight:300;font-size:.825rem}@media (min-width:1024px){.container,.more-currencies{width:50%;margin:0 auto}}.gold-logo{display:grid;place-items:center;width:100%}.gold-logo p{font-family:"Poppins",sans-serif;font-weight:300;color:#928b8b;font-size:1.125rem}.gold-logo p span{color:#ccc4c4}.gold-item{width:88%;margin:10px auto;padding:1px 15px;display:grid;grid-template-columns:60px 1fr 1fr;align-items:center;border:1px solid #dad6d6;border-radius:10px}.gold-value h3{font-size:1.125rem;color:#767879;font-weight:500}.gold-value h3 span{margin-left:10px;font-weight:300}.gold-date{display:flex;flex-direction:column;align-items:flex-end}.gold-date h3{font-size:1.125rem;color:#767879;font-weight:400}@media (min-width:1024px){.gold-container{width:50%;margin:0 auto}}.info-container{width:100%}.info-wrapper{margin-top:50px;display:grid;place-items:center;grid-template-columns:1fr}.info-wrapper h1{color:#0a3d62;font-weight:300;font-size:2.25rem;font-family:"Poppins",sans-serif}.info-details{display:grid;place-items:center;grid-template-columns:1fr}.info-details p{color:#908d8d;font-family:"Poppins",sans-serif;font-weight:500;font-size:.875rem}.info-logos{display:grid;place-items:center;grid-template-columns:1fr}@media (min-width:1024px){.info-container{width:50%;margin:0 auto}}.stats-container{width:100%}.stats-logo{width:100%;display:grid;place-items:center;margin-top:50px;height:200px}.stats-logo p{font-family:"Poppins",sans-serif;font-size:1.125rem;color:#928b8b;font-weight:300}.stats-select{width:100%;display:grid;place-items:center}.stats-select select{border:1px solid #c7bdbd;width:70%;margin:0 auto;padding:10px;font-family:"Poppins",sans-serif;font-size:.875rem}.stats-select p{font-family:"Poppins",sans-serif;font-size:1.125rem;color:#928b8b;font-weight:300;margin-top:50px 0}.stats-select p span{color:#ccc4c4}.currencies-single-item{width:88%;margin:10px auto;padding:10px 15px;display:grid;grid-template-columns:50px 1fr 1fr;align-items:center;border:1px solid #dad6d6;border-radius:10px}.currencies-name h3,.currencies-value h3{font-weight:600;color:#2d3436;font-size:1.125rem;margin:0;padding:0;font-family:"Poppins",sans-serif}.currencies-name p,.currencies-value p{color:#aca4a4;font-size:.875rem;font-weight:300;margin:0;padding:0;font-family:"Poppins",sans-serif}.currencies-value{display:flex;flex-direction:column;align-items:flex-end}.currencies-value h3{font-weight:600;color:#656363;font-family:"Poppins",sans-serif;font-size:1.125rem}@media (min-width:1024px){.stats-container{width:50%;margin:0 auto}}.exchange-container{width:100%}.exchange-logo{width:100%;display:grid;place-items:center;margin:25px 0}.exchange-logo p{font-family:"Poppins",sans-serif;font-size:1.125rem;color:#928b8b;font-weight:300}.exchange-grid{display:grid;grid-template-columns:1fr 2px 1fr}.exchange-grid .exchange-grid-left,.exchange-grid .exchange-grid-right{margin:0 20px}label{display:block;font-size:1.125rem;color:#928b8b;font-weight:300;margin:20px 0}input[type=number],label,select{font-family:"Poppins",sans-serif}input[type=number],select{width:100%;border:1px solid #c7bdbd;box-sizing:border-box;padding:10px;font-size:.875rem}.placeholder{width:100%;height:20px;margin-bottom:100px}.button-container-2{margin:20px 0;display:grid;place-items:center;grid-template-columns:1fr 1fr}.btn-add-country{background:#6c5ce7;color:#fff;font-size:1rem;font-weight:300;border:none;border-radius:10px;padding:10px;font-family:"Poppins",sans-serif;width:85%}.btn-add-country span{margin-left:10px;top:-2px;position:relative}@media (min-width:1024px){.exchange-container{width:50%;margin:0 auto}}body{box-sizing:border-box;padding:0;margin:0}nav{grid-template-columns:repeat(4,1fr);border-top:1px solid #e6e9ec;background:#fff;z-index:1;bottom:0;position:fixed;width:100%;height:100px;grid-gap:5px;gap:5px}nav,nav .menu-item{display:grid;place-items:center}nav p{color:#8e9294;font-family:"Poppins",sans-serif;font-weight:400;font-size:.875rem}nav a{text-decoration:none}@media (min-width:1024px){.main-component{width:100%;background:pink}footer{display:grid;place-items:center}footer,nav{width:55%;margin:0 auto}}.aktive{background:pink;border:1px solid tomato}
/*# sourceMappingURL=main.5528ca0d.chunk.css.map */