<>
/* Set the size of the map */
#map {
height: 400px;
/* Set the height of the map */
width: 100%;
/* Set the width of the map */
}
>
<>
.clock {
width: 150px;
height: 150px;
border: 8px solid white;
border-radius: 50%;
position: relative;
margin: 50px auto;
}
.clock .hour,
.clock .minute,
.clock .second {
position: absolute;
width: 50%;
height: 6px;
background: White;
top: 50%;
transform-origin: 100%;
transform: rotate(90deg);
transition-timing-function: ease-in;
}
.clock .minute {
background: gray;
height: 4px;
}
.clock .second {
background: red;
height: 2px;
}
.clock .center {
width: 20px;
height: 20px;
background: white;
position: absolute;
top: 50%;
left: 50%;
border-radius: 50%;
transform: translate(-50%-50%);
}
>
<>
.MeetingSection {
background: rgba(2432442461);
}
>
<>
.navbar-nav .nav-link {
white-space: nowrap;
font-size: 0.975rem;
}
>
<>
.img-city {
background-image: url('https://www.theclocktime.com/public/images/TimeZone.jpg');
background-color: #000;
}
>
US/Central Time Now
Time now in
(US/Central) Time zone.
<>
@media only screen and (min-width: 0px) and (min-height: 0px) {
div[id^="bsa-zone_1760608118370-0_123456"] {
min-width: 300px;
min-height: 50px;
}
}
@media only screen and (min-width: 880px) and (min-height: 0px) {
div[id^="bsa-zone_1760608118370-0_123456"] {
min-width: 300px;
min-height: 250px;
}
}
>
<>
.footer-link {
display: inline-block; /* Ensures padding is effective */
padding: 10px 0;
font-size: 16px;
}
.footerContent ul li {
margin-bottom: 10px; /* Adds vertical spacing */
}
>