@font-face {
  font-family: janna;
  src: url("Janna-LT-Regular.woff");
}

body {
  font-family: janna, sans-serif;
  background-image: url(1.png);
  height: 100vh;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  margin: 0;
  background-color: #692e43;
  overflow: hidden;
}
body.mystyle {
  background-image: url(2.png);
}
h1 {
  text-align: right;
  color: #fff;
  font-size: 40px;
  padding-top: 12%;
  width: 400px;
  float: right;
  padding-right: 15%;
}

div#clockdiv {
  color: #fff;
  position: absolute;
  top: 55%;
  right: 22%;
  font-size: 100px;
  font-family: "Aldrich", sans-serif;
}


@media only screen and (max-width: 600px) {
  div#clockdiv {
  color: #fff;
  position: absolute;
  top: 54%;
  right: 22%;
  font-size: 25px;
  font-family: "Aldrich", sans-serif;
}

}