body,html{flex-shrink:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;height:100px;margin:0;padding:0}a{color:inherit;text-decoration:none}*{box-sizing:border-box}body{background-color:#002;color:#c4c3c3;position:relative}.title-container{margin-top:2rem;position:relative}.container{align-items:center;display:flex;flex-direction:column;justify-content:center}hr{color:#601ba9;margin-top:-.8rem}.from,.to{align-items:center;background-color:#d3d3d3;border-radius:2rem;box-shadow:inset -1.99px -1.67px 3.66px -.46px rgba(0,0,0,.15),inset 2.99px 2.51px 3.66px -.46px rgba(0,0,0,.3),-5.97px -5.02px 2.75px -1.37px rgba(0,0,0,.6);display:flex;flex-direction:column;font-size:2rem;height:30vh;justify-content:center;padding:1rem;width:30vw}.from input,.to input{background-color:initial;border:none;color:#fff;font-size:3rem;outline:none;position:relative;width:98%}.to input{text-align:right}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.from{align-items:flex-start;background:linear-gradient(30deg,#000057,#fff);margin-right:.5rem}.to{align-items:flex-end;background:linear-gradient(150deg,#fff,#000057);margin-left:.5rem}.card-container{display:flex;justify-content:space-around;margin-bottom:2rem;margin-top:2rem;position:relative;width:60vw}.exchange{align-items:center;background-color:#002;color:#601ba9;display:flex;font-size:1.4rem;height:4rem;justify-content:center;margin-top:7rem;width:4rem;z-index:1}.exchange,.exchange-bg{border-radius:2rem;position:absolute}.exchange-bg{background:#c4c3c3;box-shadow:inset -1.99px -1.67px 3.66px -.46px rgba(0,0,0,.15),inset 2.99px 2.51px 3.66px -.46px rgba(0,0,0,.3),-5.97px -5.02px 2.75px -1.37px rgba(0,0,0,.6);height:80%;transition:.3s ease-in-out;width:80%;z-index:-1}.exchange-bg:hover{background:#ebe9e9}.measurements{align-items:center;display:flex;flex-direction:column;height:165px;justify-content:center;margin-bottom:-3rem;margin-top:2rem;overflow-y:auto;width:50vw}.measurements::-webkit-scrollbar{width:10px}.measurements::-webkit-scrollbar-thumb{background-color:#000;border-radius:10px}.measurements::-webkit-scrollbar-thumb:hover{background-color:gray}.measurements::-webkit-scrollbar-track-piece{background-image:linear-gradient(180deg,#fff,#c4c4c4);border-radius:10px;width:1px}.arrows-up{display:block}.arrows-down{display:none}@media screen and (max-width:768px){.card-container{align-items:center;flex-direction:column}.from,.to{font-size:1.8rem;height:135px;margin:0;width:80vw}.from{background:linear-gradient(150deg,#000057,#fff);margin-bottom:.5rem}.to{align-items:flex-start;background:linear-gradient(30deg,#000057,#fff);margin-bottom:-3rem;margin-top:.5rem}h1{font-size:1.4rem;margin-top:-.3rem}.exchange{margin:4vh 0 0 40vw}.arrows-up{display:none}.arrows-down{display:block}.measurements{width:85vw}.to input{text-align:left}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.bg{left:0;position:absolute}.blob-one{background-color:#99337f;background:linear-gradient(90deg,#639,#99337f);border-radius:30% 70% 70% 30%/39% 28% 72% 61%;height:10rem;width:10rem}html{height:100%}body{margin:0}.bgs{display:flex;justify-content:center;position:relative}.bg{-webkit-animation:slide 3s ease-in-out infinite alternate;animation:slide 3s ease-in-out infinite alternate;background:hsla(100,2%,74%,.253) 50%;bottom:0;opacity:.5;position:fixed;top:0;z-index:-1}.bg2{-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-duration:10s;animation-duration:10s;border-radius:67% 33% 61% 39%/39% 43% 57% 61%;height:80vh;margin-top:-25vh;width:50vw}.bg3{-webkit-animation-duration:5s;animation-duration:5s;border-radius:67% 33% 61% 39%/39% 59% 41% 61%;height:40vh;margin-top:60vh;width:20vw}@-webkit-keyframes slide{0%{-webkit-transform:translateX(-25%);transform:translateX(-25%)}to{-webkit-transform:translateX(95%);transform:translateX(95%)}}@keyframes slide{0%{-webkit-transform:translateX(-25%);transform:translateX(-25%)}to{-webkit-transform:translateX(95%);transform:translateX(95%)}}@media screen and (max-width:768px){.bg2{height:50vh;width:80vw}.bg3{height:20vh;width:20vw}}nav{align-items:center;background-color:hsla(100,2%,74%,.336);color:#c4c3c3;display:flex;font-size:.9rem;height:32px;justify-content:center;margin-top:5.4%;position:absolute;width:100vw}@media screen and (max-width:768px){nav{margin-top:27%}}
/*# sourceMappingURL=main.bef1bdfb.css.map*/