/* sun:--------------------------------------------------------------- */
.sunmoon {
    position: relative;
    /* margin-left: 30px; */
}
.sun-times {
    margin-top: 1px;
    width: 188px;
    height: 60px;
    border-bottom: 1px solid #999;
    overflow-y: hidden;
}
.sun-path {
        margin-left: 9px;
        width: 170px;
        height: 170px;
        overflow: hidden;
        border: 1px dashed #999;
        border-radius: 50%;
    }
.sun-symbol-path {
        position: absolute;
        color: yellow;
        text-shadow: 0 0 5px #1d1d1d9c;
        height: 90px;
        -webkit-transition: -webkit-transform 2s linear;
        -webkit-transform-origin: 50% 100%;
        -webkit-transform: rotateZ(-75deg);
        left: 83px;
        bottom: 0;
}
.symbol {
            position: relative;
            font-size: 30px;
            top: -14px;
        }


.sun-animation {
        width: 0px;
        height: 150px;
       /* background-color: rgba(222, 207, 103, 0.18);*/
        -webkit-transition: width 2s linear;
        transition: width 2s linear;
    }
.sunrise {
    left: 15px;
}
.sunset {
    left: 185px;
}