/*
 Theme Name:     Divi Child
 Theme URI:      http://www.elegantthemes.com
 Description:    Child Theme for Divi Theme by Elegant Themes
 Author:         Tino Schulze
 Author URI:     https://wordpress.ext.network
 Template:       Divi
 Version:        1.0.0
*/


@font-face {
    font-family: 'Roboto';
    src: url('fonts/roboto-v48-latin-700.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

:root {
    color-scheme: light dark;
}
@media(prefers-color-scheme: dark) {
    body {
        background: #0a0e15;
    }
}

#container {
    width: 100%;
    bottom: 45%;
    padding-top: 200px;
    display: block;
    position: fixed;
    color: #999;
    font-size: 36px;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    line-height: normal!important;
}
#flip {
    height: 50px;
    overflow: hidden;
}
#flip > div > div {
    margin-bottom: 45px;
    padding: 4px 12px;
    color: #fff;
    display: inline-block;
}
#flip div:first-child {
    animation: show 5s linear infinite;
}
#flip div div {
    background: #42c58a;
}
#flip div:first-child div {
    background: #4ec7f3;
}
#flip div:last-child div {
    background: #dc143c;
}
@keyframes show {
    0% {
        margin-top: -270px;
    }
    5% {
        margin-top: -180px;
    }
    33% {
        margin-top: -180px;
    }
    38% {
        margin-top: -90px;
    }
    66% {
        margin-top: -90px;
    }
    71% {
        margin-top: 0;
    }
    99.99% {
        margin-top: 0;
    }
    100% {
        margin-top: -270px;
    }
}