BadriNarayanan/digital-clock

1body{2    margin: 0;3    display: flex;4    flex-direction: column;5    height: 100vh;6    font-family: Ubuntu;7    align-items: center;8    justify-content: center;9    background: url("bg8.jpg");10    /* background-color: black; */11    background-size: cover;12    overflow: hidden;13}14.title{15    text-transform: uppercase;16    font-family: Ubuntu;17    text-align: center;18    letter-spacing: 4px;19    20}21.main{22 23    display: flex;24 25 26}27.main div{28    margin: 5px;29    position: relative;30   31}32.main span{33    width: 130px;34    height: 80px;35    background-color: #000000;36    display: flex;37    justify-content: center;38    align-items: center;39    color: white;40    opacity: 0.8;41    text-shadow: 2px 2px 4px rgba(0,0,0,0.3);42    font-size: 50px;43}44.main .text{45    height: 30px;46    font-size: 10px;47    letter-spacing: 3px;48    background-color: white;49    color:black;50    font-weight: bold;51 52}53.main .ampm{54    position: absolute;55    bottom: 0;56    width: 60px;57    height: 30px;58    font-size: 20px;59    background-color: #54B435;60 61}62