@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap);.wrapper{display:flex;flex-direction:column;width:100%}.clock{box-shadow:0 2px 30px rgba(0,0,0,.2);color:#444;display:flex;font-size:24px;height:300px;position:relative;text-align:center;top:45%;width:300px;z-index:1000}.clock,.clock:after{border-radius:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.clock:after{background:#ce1313;border:1px solid #fff;content:"";height:12px;position:absolute;top:50%;width:12px;z-index:2}.hour_hand{border-radius:2px;height:60px;left:49%;top:30%;width:4px}.hour_hand,.min_hand{background:#eee2e2;position:absolute;-webkit-transform-origin:bottom;transform-origin:bottom}.min_hand{border-radius:1px;height:90px;left:49.5%;top:20.5%;width:2px}.sec_hand{background:red;height:118px;left:50%;position:absolute;top:10.5%;-webkit-transform-origin:bottom;transform-origin:bottom;width:2px}.clock span{color:#94d8ef;font-family:Roboto,sans-serif;font-weight:100;position:absolute}.twelve{left:46%;top:10px}.one{right:26%;top:10%}.eleven{left:26%;top:10%}.two{right:10%;top:25%}.three{right:10px;top:46%}.four{right:30px;top:67%}.five{right:78px;top:80%}.six{bottom:10px;left:50%}.seven{left:80px;top:82%}.eight{left:30px;top:67%}.nine{left:10px;top:46%}.ten{left:10%;top:25%}.clock .date{bottom:-40px;width:100%}.App{background-color:#000;display:flex;height:100vh;text-align:center;width:100vw}.container{align-items:center;background:radial-gradient(#1f2e98,#1f1013)!important;display:flex;flex-direction:column;justify-content:center}.background{-webkit-overflow-Y:hidden;-moz-overflow-Y:hidden;-o-overflow-Y:hidden;-webkit-animation:fadeIn 1s ease-out 1;animation:fadeIn 1s ease-out 1;font-weight:100;height:100vh;margin:0;overflow-y:hidden}.light{background-color:#fff;bottom:0;box-shadow:0 0 20px 2px #e9f1f1;left:0;margin:auto;opacity:.75;opacity:0;position:absolute;right:0;top:100vh;width:0}.x1{-webkit-animation:floatUp 4s linear infinite;animation:floatUp 4s linear infinite;-webkit-transform:scale(1);transform:scale(1)}.x2{-webkit-animation:floatUp 7s linear infinite;animation:floatUp 7s linear infinite;left:15%;-webkit-transform:scale(1.6);transform:scale(1.6)}.x3{-webkit-animation:floatUp 2.5s linear infinite;animation:floatUp 2.5s linear infinite;left:-15%;-webkit-transform:scale(.5);transform:scale(.5)}.x4{-webkit-animation:floatUp 4.5s linear infinite;animation:floatUp 4.5s linear infinite;left:-34%;-webkit-transform:scale(1.2);transform:scale(1.2)}.x5{-webkit-animation:floatUp 8s linear infinite;animation:floatUp 8s linear infinite;left:-57%;-webkit-transform:scale(2.2);transform:scale(2.2)}.x6{-webkit-animation:floatUp 3s linear infinite;animation:floatUp 3s linear infinite;left:-81%;-webkit-transform:scale(.8);transform:scale(.8)}.x7{-webkit-animation:floatUp 5.3s linear infinite;animation:floatUp 5.3s linear infinite;left:37%;-webkit-transform:scale(3.2);transform:scale(3.2)}.x8{-webkit-animation:floatUp 4.7s linear infinite;animation:floatUp 4.7s linear infinite;left:62%;-webkit-transform:scale(1.7);transform:scale(1.7)}.x9{-webkit-animation:floatUp 4.1s linear infinite;animation:floatUp 4.1s linear infinite;left:85%;-webkit-transform:scale(.9);transform:scale(.9)}button:focus{outline:none}@-webkit-keyframes floatUp{0%{opacity:0;top:100vh}25%{opacity:1}50%{opacity:.8;top:0}75%{opacity:1}to{opacity:0;top:-100vh}}@keyframes floatUp{0%{opacity:0;top:100vh}25%{opacity:1}50%{opacity:.8;top:0}75%{opacity:1}to{opacity:0;top:-100vh}}.switcherWrapper{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.switch{opacity:0;position:fixed}.hide{-webkit-animation:hide-el;animation:hide-el;-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.visible{-webkit-animation:show-el;animation:show-el;-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;opacity:0;position:fixed}@-webkit-keyframes show-el{0%{opacity:0}to{opacity:1;position:relative}}@keyframes show-el{0%{opacity:0}to{opacity:1;position:relative}}@-webkit-keyframes hide-el{0%{opacity:1}to{opacity:0;position:fixed}}@keyframes hide-el{0%{opacity:1}to{opacity:0;position:fixed}}.dateTimeWrapper{align-items:center;color:#fff;display:flex;flex-direction:column;font-family:Roboto Light,sans-serif;font-weight:lighter;justify-content:center}.time{font-size:100px}.date{font-size:25px}.currencyWrapper{align-items:center;border:1px solid #fff;border-radius:20px;color:#fff;display:flex;flex-direction:column;font-family:Roboto Light,sans-serif;font-weight:lighter;justify-content:center;padding:10px;position:relative}.currency{display:flex;flex-direction:row;font-size:50px;justify-content:space-evenly;width:100%}.currency .name{align-items:center;border-radius:50px;display:flex;font-size:20px;padding:20px}.currency .value{align-items:center;display:flex;justify-content:right;margin:10px;width:100%}.currency .value .nationalName{font-size:15px;margin-left:10px}.currency .dayGraph{align-items:center;display:flex;font-size:30px;justify-content:center;margin:10px;min-width:90px}.currency .dayGraph .delta{font-size:20px;margin-left:5px}.currency .dayGraph.up{color:#82d36a}.currency .dayGraph.down{color:#e76964}.currency .dayGraph.opacity{opacity:0}.view{border:3px solid #ce1313;margin:0;padding:0}.viewTranslate{border:3px solid #67ce13;margin:0;padding:0}.targetView{border:3px solid #0f37b7;margin:0;padding:0}.mainScreen{background-color:#fff;display:flex;height:100vh;text-align:center;width:100vw}.mainScreen h1{font-size:180px}*{font-family:Roboto Light,sans-serif;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
/*# sourceMappingURL=main.f101b25d.css.map*/