.uk-tile, .uk-tile-secondary {border-radius: 100px;}
.uk-tile, .uk-tile-primary {border-radius: 100px;}

.uk-divider-icon {
  background-image: url("../img/star_divider.svg");
 background-size: 40px;
}

.sun {
    height: 100px;
    width: 100px;
}

.sun path {
    -webkit-animation: drawOutline 10s linear forwards;
    animation: drawOutline 10s linear forwards
}

.sun path {
    stroke-dasharray: 500;
    stroke-dashoffset: 500
}

.sun svg {
    width: 100%;
    height: 100%
    fill: #41225a; 
}

.sun path:nth-child(1) {
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

.sun path:nth-child(2) {
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.sun path:nth-child(3) {
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s
}

.sun path:nth-child(4) {
    -webkit-animation-delay: 1.4s;
    animation-delay: 1.4s
}

.sun path:nth-child(5) {
    -webkit-animation-delay: 1.6s;
    animation-delay: 1.6s
}

.sun path:nth-child(6) {
    -webkit-animation-delay: 1.8s;
    animation-delay: 1.8s
}

.sun path:nth-child(7) {
    -webkit-animation-delay: 2s;
    animation-delay: 2s
}

@-webkit-keyframes drawOutline {
    0% {
        stroke-dashoffset: 500
    }

    30% {
        stroke-dashoffset: 300
    }

    40% {
        stroke-dashoffset: 200
    }

    100% {
        stroke-dashoffset: 0
    }
}

@keyframes drawOutline {
    0% {
        stroke-dashoffset: 500
    }

    30% {
        stroke-dashoffset: 300
    }

    40% {
        stroke-dashoffset: 200
    }

    100% {
        stroke-dashoffset: 0
    }
}