body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#ecf2ff;color:#3e54ac;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}:root{--color-bg:#ecf2ff;--color-primary:#3e54ac;--color-secondary:#bface2;--color-text-primary:#ededed;--color-text-secondary:#3e54ac;--color-btn:#655dbb}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{margin:2rem;text-align:center}.my-city-container{align-items:center;display:grid;justify-content:center;padding:4rem 2rem}.my-city-name{font-size:1.7rem;font-weight:600}.my-city-abbr,.my-city-name{color:var(--color-text-secondary)}.my-city-abbr{font-size:1rem}.my-city-time{font-size:4rem;font-weight:650;margin:1rem 0 .3rem}.world-clock-container{grid-gap:2rem;display:grid;grid-template-columns:repeat(4,1fr);margin:2rem 0}.world-clock-item{background:var(--color-primary);border:1px solid var(--color-primary);border-radius:1.2rem;box-shadow:6px 8px 10px -5px #3e54acd4;color:var(--color-text-primary);padding:1.5rem;text-shadow:3px 2px 2px #ededed1a}.world-clock-item:hover{background-color:var(--color-primary);opacity:.9}.world-clock-item-time{color:var(--color-bg);font-size:26px;font-weight:650;margin:1.5rem}.world-clock-item-timezone{font-size:18px;font-weight:500;margin:1rem}.world-clock-item-timeDiff{font-size:14px;font-weight:500;margin:1rem}.city-name{font-size:26px;font-weight:600;padding:1rem}.add-btn,.city-label{cursor:pointer}.add-btn{background:#0000;border:0;color:#fff;font-size:1rem;width:100%}.add-btn:hover{font-size:.9rem}.edit-btn{background:#0000;color:#bface2;cursor:pointer}input{border:1px solid var(--color-primary);border-radius:.3rem;color:var(--color-text-secondary);display:grid;height:1rem;margin:2rem .5rem;padding:.7rem;width:90%}.city-list-container{display:grid;font-size:.9rem;justify-content:center;margin-top:.5rem;padding:0;text-align:left}.city-list-item-div{background:#bebebe44;border-radius:.2rem;cursor:pointer;margin-top:.2rem;padding:.7rem 4.5rem}button{border:#0000;border-radius:4px;font-size:.6rem;font-weight:600;padding:.3rem .5rem;text-align:center}.footer{bottom:0;color:var(--color-primary);font-size:.9rem;padding:1rem;position:absolute;right:0}@media screen and (max-width:1024px){.world-clock-container{grid-gap:1rem;display:grid;grid-template-columns:repeat(2,1fr);margin:2rem 0}}@media screen and (max-width:600px){.world-clock-container{grid-gap:1rem;display:grid;grid-template-columns:1fr;margin:2rem 0}}
/*# sourceMappingURL=main.c54621cc.css.map*/