@import url('https://fonts.googleapis.com/css2?family=Rampart+One&display=swap');
html{
    text-align: center;
}
body{
    text-align: center;

    background-image: url('./Background.png')!important;
    -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

iframe.clock-frame {
    display: block;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
h1{
    font-family: 'Rampart One', cursive;
    color: orange;
}
h2{
    font-family: 'Rampart One', cursive;
    color: rgb(48, 75, 150);  
}
h3{
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}
.myIframe{
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 56.25%;
}