51 lines
854 B
SCSS
51 lines
854 B
SCSS
|
|
.clock {
|
|
border-radius: 31px;
|
|
background: rgba(40,40,40,0.8);
|
|
}
|
|
|
|
|
|
.analog-clock {
|
|
padding: 2rem;
|
|
background: #282828;
|
|
border-radius: 100%;
|
|
border: 7px solid #282828;
|
|
box-shadow: inset 4px 4px 10px rgba(0,0,0,0.5),
|
|
inset -4px -4px 10px rgba(67,67,67,0.5),
|
|
4px 4px 10px rgba(0,0,0,0.3);
|
|
border-radius: 50%;
|
|
}
|
|
|
|
|
|
.time-container {
|
|
margin-top: 15px;
|
|
margin-left: 20px;
|
|
margin-right: 20px;
|
|
}
|
|
|
|
.time-first {
|
|
padding: 10px;
|
|
background: rgba(20,20,20,0.7);
|
|
border-radius: 10px;
|
|
color: #00FFFF;
|
|
}
|
|
|
|
.time {
|
|
padding: 10px;
|
|
margin-left: 5px;
|
|
background: rgba(20,20,20,0.7);
|
|
border-radius: 10px;
|
|
color: #00FFFF;
|
|
|
|
}
|
|
|
|
.date {
|
|
padding: 10px;
|
|
margin: 5px 20px;
|
|
background: rgba(20,20,20,0.7);
|
|
border-radius: 10px;
|
|
color: #00FFFF;
|
|
}
|
|
|
|
|
|
|