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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{font-family:Arial,sans-serif;margin:0}.container-fluid{padding-left:0;padding-right:0}.sticky-top{border-bottom:2px solid #000;box-shadow:0 0 5px rgba(0,0,0,.7)}.form-control:focus{box-shadow:0 0 8px rgba(0,0,0,.7)}.search-bar{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:hsla(0,0%,100%,0);box-shadow:0 2px 5px rgba(0,0,0,.1);display:flex;justify-content:center;padding:10px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.form-control{border:none;border-radius:25px 0 0 25px;outline:none;padding:10px;width:70%}.btn-dark{border-radius:0 25px 25px 0}body{background-color:#cfd8dc;background-repeat:no-repeat;color:#fff;height:100%;overflow-x:hidden}.card{-webkit-animation:fadeAndSlide 1s forwards,vibration 2s infinite alternate;animation:fadeAndSlide 1s forwards,vibration 2s infinite alternate;background-color:#000;background-size:cover;border:1px solid #000;box-shadow:0 0 5px rgba(0,0,0,.7);cursor:pointer;height:350px;margin-bottom:50px;margin-top:50px;opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px);transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out;width:600px}@-webkit-keyframes fadeAndSlide{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeAndSlide{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes vibration{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(-25px);transform:translateY(-25px)}}@keyframes vibration{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(-25px);transform:translateY(-25px)}}.time-font{font-size:50px}.sm-font{font-size:18px}.med-font{font-size:28px}.large-font{font-size:60px}.weather-image{margin-bottom:10px;position:relative;text-align:center}.weather-image img{bottom:0;height:auto;max-width:100%;position:absolute;right:0;width:100px}.weather-details{padding-left:100px}
/*# sourceMappingURL=main.c12b86ff.css.map*/