body {
    margin: 0;
    background: transparent;
    overflow: hidden;
}

.ticker-container {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
}

.ticker-track {
    display: inline-block;
    padding-left: 100%;
    animation: scroll 1054s linear infinite;
    font-family: 'Teko', sans-serif;
    font-size: 28px;
    color: white;
}

@keyframes scroll {
    0% { transform: translateX(0); }
    100% { transform: translateX(-100%); }
}

.new-alert {
    animation: flash 1s ease-in-out 3;
}

@keyframes flash {
    0%, 100% { text-shadow: 0 0 0px #fff; }
    50% { text-shadow: 0 0 15px #ff0; }
}

.alert {
    margin-right: 50px;
}

.tornado { color: #ff4444; }
.svr { color: #ffcc00; }
.flashflood { color: #00ff99; }
.flood { color: #3399ff; }
.winter { color: #66ccff; }
.fire { color: #ff6600; }
.wind { color: #996600; }
.fog { color: #aaaaaa; }
.heat { color: #ff8800; }
.special { color: #cc66ff; }