@import 'Fonts.css';

body {
    background-image: url("../img/jew-clock-bg.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    overflow-y: hidden;
    overflow-x: hidden;
    font-family: 'FrankRuehl';
    user-select: none;
}


.page .right {
    position: absolute;
    right: 0px;
    top: 00px;
}

.right .banner {
    background-image: url("../img/side_banner.png");
    background-size: contain;
    background-repeat: no-repeat;
    width: 428px;
    height: 299px;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    margin-top: 30px;
}

    .right .banner .inner-text {
        text-align: center;
        color: #193f50;
        font-weight: bold;
        font-size: 80px;
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
        padding-top: 135px;
    }


.left {
    position: absolute;
    left: 00px;
    top: 00px;
}

    .left .banner {
        background-image: url("../img/side_banner.png");
        background-size: contain;
        background-repeat: no-repeat;
        width: 428px;
        height: 299px;
        margin-top: 30px;
    }

        .left .banner .inner-text {
            text-align: center;
            color: #193f50;
            font-size: 80px;
            font-weight: bold;
            margin-left: 10px;
            padding-top: 135px;
        }


.center {
    position: absolute;
    right: 370px;
    top: 70px;
}

    .center .clock {
        /*background-image: url("../img/wide-table.png");
        background-size: cover;
        background-repeat: no-repeat;
        width: 1300px;
        height: 301px;
        margin-right: -35px;
        margin-top: 310px;*/
    }

        .center .clock .clock-text {
            text-align: center;

            font-size: 260px;
            font-weight: 900;
            color: #e8d7a9;
            /*color:whitesmoke;*/
            letter-spacing: -10px;
            direction: ltr;
            font-family: 'Heebo', sans-serif;
            text-shadow: 4px 4px #000000;
            position: absolute;
            top: 285px;
            right: 110px;
        }

            .center .clock .clock-text #countD {
                margin-top: -230px;
            }

            .center .clock .clock-text #countD #countdown {
                margin-top: -130px;
            }

    .center .banner .inner-text {
        text-align: center;
        color: #754f22;
        font-size: 80px;
        left: 60px;
        padding-top: 70px;
    }