@import url(https://fonts.googleapis.com/css2?family=Lato&display=swap);*{box-sizing:border-box;font-family:Lato,sans-serif;margin:0;padding:0;scroll-behavior:smooth}.flex{display:flex}body{background-color:#3e3a3c}.darker-bg{background-color:#3f3e3f}nav{color:#fff;margin-bottom:10%}.nav-container{align-items:center;justify-content:space-between;padding:5%}.nav-text a{align-items:center;color:#fff;display:flex;font-size:1.1em;gap:10px;margin-left:10%;text-decoration:none}.navbar-logo{width:10%}.nav-side{cursor:pointer;width:15%}.nav-side:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.hero-title{color:#fff;font-size:2em}.hero-title,.input-container{text-align:center}.input-container input{margin:10%;width:70%}.custom-field{font-size:14px;margin-bottom:5px;padding-top:20px;position:relative}.custom-field input{-webkit-appearance:none;appearance:none;background:#f2f2f2;border:none;border-radius:3px;font-size:14px;outline:none;padding:12px;width:250px}.custom-field .placeholder{color:#aaa;left:50px;position:absolute;top:calc(50% + 10px);-webkit-transform:translateY(-50%);transform:translateY(-50%);transition:top .3s ease,color .3s ease,font-size .3s ease}.custom-field input:focus+.placeholder,.custom-field input:valid+.placeholder{color:#fff;font-size:12px;top:0}.currency-title{color:#fff;padding:2%}.currency-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-left:2%;margin-right:2%;padding-top:5%}.currency-div{border-radius:10%;box-shadow:1px 2px 10px rgba(0,0,0,.2);color:#fff;margin-bottom:5%;width:100%}.currency-div:hover{border:2px solid #8e2c51;box-shadow:0 0 1em #8e2c51;scale:1.1;transition:.2s ease-in-out}.currency-div:nth-child(odd){background-color:#323031}.currency-div:nth-child(2n){background-color:#562b3c}.not-found{color:#fff;text-align:center}.not-foundTitle{margin-bottom:2%}.not-foundImg{-webkit-backdrop-filter:blur(120px);backdrop-filter:blur(120px);background-color:hsla(0,0%,100%,.123);border-radius:10px;height:20em;width:20em}.go-arrow{padding-right:5%;padding-top:5%;text-align:end}.logo-container{padding-top:2%;text-align:center}.currency-logo{height:5em;width:5em}.card-container{flex-direction:column}.card-column{margin-bottom:2%;padding:2%}.card-left{align-items:flex-start;flex-direction:column}.card-right{align-items:flex-end;flex-direction:column;justify-content:end}.card-text{margin-right:5px}.darker-detail{background:#f6699a}.details-card{align-items:center;background:linear-gradient(to bottom right,#f6699a,#cb4277);border-radius:10px;box-shadow:1px 2px 10px rgba(0,0,0,.2);color:#fff;flex-direction:column;margin:5% auto 33%;padding:2%;text-align:center;width:90%}.spec-title{margin-bottom:5%}.spec-container{margin-top:5%}.details-icon{height:7em;width:7em}.detail-spec{font-size:1.1em;margin:3%;overflow:hidden;width:100%}.detail-spec a{color:#fff;text-decoration:none}.footer-title{padding:2%;text-align:center}@media screen and (min-width:768px){.nav-text a{font-size:1.5em}}@media screen and (min-width:1024px){.nav-side,.nav-text a{font-size:2em}.hero-title{font-size:3em}.currency-title{font-size:1.5em}.currency-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr 1fr;margin-left:5%}.card-container p{font-size:1.2em}.details-card{width:60%}.details-card,.footer-title{font-size:1.25em}}@media screen and (min-width:1440px){.nav-text a{font-size:3em}}
/*# sourceMappingURL=main.5ca07b85.css.map*/