body
{
  background-color: #fcfcfc;
  font-family: 'Ubuntu', sans-serif;
}
.center-div
{
     position: absolute;
     margin: auto;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     width: 200px;
     height: 100px;
     text-align:center;
}
h1{
    margin: auto;
    vertical-align:middle;
    color: green;
}

#frame {
    width: 800px;
    height: 520px;
    border: none;
    -moz-transform: scale(0.2);
    -moz-transform-origin: 0 0;
    -o-transform: scale(0.2);
    -o-transform-origin: 0 0;
    -webkit-transform: scale(0.2);
    -webkit-transform-origin: 0 0;
}
iframe {
    border: none;
}


        .main-body {
            font-size: 20px;
            font-style: normal;
            font-variant: normal;
            font-weight: 500;
            margin-top:40px;
        }

        a {
            color: #585858;
            text-decoration: underline;
        }

        body {
            font-family: Ubuntu;
        }

        .bmm-heart {
            color: #d9534f;
        }

        .with-love {
            font-size: 12px;
        }

        .small-box {
            width: 60px;
            height: 20px;
            background-color: white;
            position: relative;
            -webkit-animation-name: example; /* Safari 4.0 - 8.0 */
            -webkit-animation-duration: 10s; /* Safari 4.0 - 8.0 */
            -webkit-animation-direction: reverse; /* Safari 4.0 - 8.0 */
            animation-name: example;
            animation-duration: 10s;
            animation-direction: reverse;
            overflow: hidden; /*add this to contain floated children */
        }

        /* Safari 4.0 - 8.0 */
        @-webkit-keyframes example {
            0% {
                background-color: blue;
                left: -150px;
                top: 0px;
            }
            50% {
                background-color: green;
                left: 150px;
                top: 0px;
            }
            100% {
                background-color: blue;
                left: -150px;
                top: 0px;
            }
        }

        /* Standard syntax */
        @keyframes example {
            0% {
                background-color: blue;
                left: -150px;
                top: 0px;
            }
            50% {
                background-color: green;
                left: 150px;
                top: 0px;
            }
            100% {
                background-color: blue;
                left: -150px;
                top: 0px;
            }
        }
