/* Analog Clock Design*/

.iwc-container

{

    width: 200px;

    margin: 0.5rem auto;

}

#analog-clock

{

    position: relative;

    background-image: url('../images/bg/clock_bg2.png');

    width: 133px;

    height: 133px;

    margin:auto;

    background-size: contain;

}



#analog-clock .h-hand

{

    position: absolute;

    left: 64px;

    top: 42.13px;

    background-image: url('../images/hand/hour2.png');

    height: 40px;

    width: 5.33px;

    background-size: 5.33px 40px;

    transform-origin: 50% 60%;

}



#analog-clock .m-hand

{

    position: absolute;

    left: 64px;

    top: 21.33px;

    background-image: url('../images/hand/min2.png');

    height: 61.33px;

    width: 5.33px;

    background-size: 5.33px 61.33px;

    transform-origin: 50% 72%;

}



#analog-clock .s-hand

{

    position: absolute;

    left: 62px;

    top: 21.33px;

    background-image: url('../images/hand/sec2.png');

    height: 62px;

    width: 10.66px;

    background-size: 10.66px 62px;

    transform-origin: 45% 74%;

    

}


/* Digital Clock Design*/

.iwc-container2

{

    width: 200px;

    margin: 0.5rem auto;

}



.iwc-span {

    line-height: 1.75;

}



.colon {

    width: 12px;

    text-align: center;

}



#digital-clock {

    position: relative;

}



#digital-clock .time {

    position: relative;

    display: flex;

    align-items: center;

    justify-content: center;

    padding: 0.2rem 0.6rem;

    background-color: #c71f25;

    border-radius: 50px;

    font-size: 1rem;

    color: white;

    box-shadow: #b1b1b1 -1px 4px 6px;

    text-shadow: 0 0 20px rgb(0 0 0), 0 0 20px rgba(10, 175, 230, 0);

    overflow: hidden;

}



#digital-clock .session {

    position: absolute;

    bottom: 13px;

    right: 27px;

    font-size: 0.7rem;

    color: white;

}



#digital-clock .week {

    position: absolute;

    top: 7px;

    left: 27px;

    font-size: 0.8rem;

    color: white;

    z-index: 1;

}