body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.header{align-items:center;background:linear-gradient(-20deg,#0fbed1b4 -10%,#3affce 115%),#232323;display:flex;flex-direction:column}h1{color:#f5f5f5;text-align:center}.form{background:rgba(168,22,42,.041);border:3px solid rgba(255,0,0,.075);border-radius:6px;box-shadow:10px 5px 20px hsla(0,0%,100%,.493);display:flex;height:50px;margin:1%;width:40%}@media only screen and (max-width:600px){.form{width:95%}}.form input{background:#f5f5f5;font-size:20px;width:85%}.form input:active,:focus,:hover{outline:0;outline-offset:0}.formNewCity{color:#f5f5f5;flex-wrap:wrap;font-size:15px;font-weight:bolder}.formNewCity,.newCity{display:flex;justify-content:center}.newCity{align-items:center;-webkit-animation:ani 1s forwards;animation:ani 1s forwards;background:#0f7ad100;box-shadow:0 5px 20px hsla(0,0%,100%,.493);cursor:pointer;margin:1% 2%;padding:0 10px;text-align:center;transition:all .7s}.header img{-webkit-animation:ani 3s forwards;animation:ani 3s forwards;cursor:pointer}.newCity:hover{box-shadow:0 5px 20px rgba(170,17,88,.808)}.form button,.newCity:hover{font-size:20px;transition:all .7s}.form button{background:rgba(48,145,235,0);border:0;color:#f5f5f5;text-align:center;width:20%}button:hover{font-size:27px;transition:all .7s}button{border:0;border-radius:6px;color:#f5f5f5;display:inline;flex-direction:column;font-size:20px;margin:5px;padding:5px;text-align:center;transition:all .7s}.body{flex-grow:1}.hide{visibility:hidden;width:1px}.show{-webkit-animation:ani 2s forwards;animation:ani 2s forwards;cursor:pointer;left:93%;position:fixed;top:65%;visibility:visible}@media only screen and (max-width:700px){.contentTop{width:100%}.show{width:30px}}.card{-webkit-animation:ani 2.5s forwards;animation:ani 2.5s forwards;cursor:pointer;margin:5px;min-height:370px;width:400px}.card,.cardOne{display:flex;height:100%;justify-content:space-between;padding:15px 0 15px 20px;transition:all .7s}.cardOne{align-content:baseline;-webkit-animation:ani 2s forwards;animation:ani 2s forwards;max-width:900px;width:100%}.close{cursor:pointer}@-webkit-keyframes ani{0%{opacity:0}to{opacity:1}}@keyframes ani{0%{opacity:0}to{opacity:1}}.cardDay{align-items:center;background:radial-gradient(circle 200px at 90% 10%,#f3ef04e0,#03a5f0b4);border-radius:6px;box-shadow:0 5px 20px rgba(27,108,114,.25);color:#f5f5f5;padding:20px;width:100%}.card:hover{border-radius:15px;box-shadow:0 5px 20px #721b2a;transition:all 1s}.cardNight{background:radial-gradient(circle 150px at 90% 10%,#bab8dfb4,#0d0574b4);border-radius:6px;box-shadow:0 10px 30px rgba(27,108,114,.493);color:#f5f5f5;padding:20px;width:100%}.block,.cardNight{align-items:center}.block{display:flex;justify-content:space-between}@media only screen and (max-width:1000px){.cardOne{width:100%}.cardDay img,.cardNight img{height:48px;width:48px}}.content{background:#fff;display:flex;flex-wrap:wrap;justify-content:center;margin-left:auto;margin-right:auto;width:90%}.footer{background:#222;background:linear-gradient(-20deg,#0fbed1b4,#3affce 95%),#232323;height:180px;margin-top:50px;padding:30px;text-align:center}.footer .block{display:flex;justify-content:space-between;margin-left:auto;margin-right:auto;width:90%}@media only screen and (max-width:600px){img{max-width:60px}}.footer p{color:#eee;font-size:20px;text-align:center;text-decoration:none}.main{display:flex;flex-direction:column;height:100vh}
/*# sourceMappingURL=main.0a08d84e.css.map*/