body{
    font-family:sans-serif;
    margin:20px;
    padding:20px;
    /*background: url("https://plus.unsplash.com/premium_photo-1719943510748-4b4354fbcf56?q=80&w=1170&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D");
    */
    background-color:lightblue;

    
    flex-direction:column;
}
h2{
    text-transform:uppercase;
    text-align:center;
    letter-spacing:4px;
    color:white;
}

#divclock{
    display:flex;
    position:relative;
    flex-direction:row;
    justify-content:center;
   align-items: center;
}

#divhours,#divminutes,#divseconds
{    display:flex;
    margin:5px;
    flex-direction:column;
    justify-content:center;
   align-items: center;
}
#divclock span{
     display:flex;
     justify-content:center;
   align-items: center;

    height:100px;
    width:60px;
    background-color:darkblue;
    color:white;
    text-align:center;
}

#divclock .text{
    height:40px;
    width:60px;
    background-color:slateblue;
    opacity:.8;
    text-align:center;
    letter-spacing:2px;

}
#ampm{
    position:relative;
    bottom:0;
    right:0;
    background-color:green;
    color:white;
    height:40px;
    width:40px;
    
}