@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&family=Lilita+One:wght@3000.700&family=Teko:wght@300..700=swap);body{align-items:center;background-color:#fff;display:flex;justify-content:center;margin:0;min-height:100vh}.mobile-container,body{font-family:Roboto,sans-serif}.mobile-container{max-width:100%;padding:15px;text-align:center}.app{max-width:800px;padding:0 0 10px;position:relative;text-align:center;width:100%}.header{margin-bottom:10px}.header h1{color:#333;font-size:2rem;margin:0}.instructions{color:#666;font-size:.9rem;margin-top:5px}.controls{justify-content:space-between;margin-bottom:10px}.controls,.hour-format-toggle,.shape-toggle{display:flex}.format-button,.toggle-button{align-items:center;background:#c1dbf3;border:1px solid #85b8e7;border-radius:4px;cursor:pointer;display:flex;font-size:14px;gap:5px;margin:0 5px;padding:8px 15px;transition:all .3s}.format-button.active{background:#333;color:#fff}.clock-container{align-items:center;background-color:#fff;background-position:50%;background-repeat:no-repeat;background-size:cover;border:2px solid #364859;display:flex;height:450px;justify-content:center;margin:0 auto;position:relative;width:450px}.clock-container:before{bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:0}.clock-container.round{border-radius:50%}.clock-container.square{border-radius:0}.center-clock{border-radius:10px;padding:20px;position:relative;width:220px;z-index:1}.clock-display{margin:25px 0}.country-name{font-family:Roboto,sans-serif;font-size:1.6rem;font-weight:500;margin-bottom:10px;text-transform:uppercase}.time-container{align-items:center;display:flex;flex-direction:column;margin:10px 0 0}.time{font-family:Lilita One,sans-serif;font-size:1.8rem;font-weight:600}.period{font-weight:400;margin-top:-5px}.date,.period{font-size:1.2rem;letter-spacing:1px}.date{font-weight:600;margin:0 0 20px;text-transform:uppercase}.credit{color:#666;font-size:.9rem;margin-top:30px}.credit a{display:inline-block;margin-right:8px;text-decoration:none}.credit a img{border-bottom:2px solid #0000;padding-bottom:5px}.credit a:hover img{border-bottom:2px solid #333;padding-bottom:5px}.country{align-items:center;background:#fff;border-radius:50%;box-shadow:0 0 5px #0003;cursor:pointer;display:flex;font-size:1.5rem;height:50px;justify-content:center;position:absolute;transform:translate(-50%,-50%);transition:all .3s ease;width:50px}.country span{bottom:-17px;font-size:.8rem;position:absolute}.country.selected span{font-weight:700}.country.selected{border:2px solid #000;transform:translate(-50%,-50%) scale(1.2);z-index:5}.country-flag{border-radius:2px;height:35px;object-fit:cover;width:35px}.country.selected .country-flag{box-sizing:border-box}.footer-note{padding:5px 0 0;text-align:center}@media (max-width:400px){.mob-country-list{display:grid;grid-template-columns:repeat(4,1fr)!important;grid-template-rows:repeat(3,auto)!important;margin-top:600px!important;padding-left:35px}}@media (max-width:767px){body{margin-top:10px;min-height:auto}.mobile-container{margin:0 auto;max-width:450px}.center-clock{position:absolute}.clock-container{height:250px;width:250px}.mob-country-list{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(2,auto);justify-content:center;margin-top:500px;padding-left:35px}.country{align-items:center;display:flex;flex-direction:column;height:50px;margin-bottom:20px;position:static;text-align:center;width:50px}.country img{height:auto;width:30px}.country.selected{border:2px solid #000;transform:translate(-50%,-50%) scale(1)}.country-name{font-size:1.6rem}.time{font-size:1.5rem}}
/*# sourceMappingURL=main.c1bf01a5.css.map*/