/* https://colorhunt.co/palette/206664 */
html,
body {
  background-color: #212121;
  display: -webkit-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  justify-content: center;
  height: 100%;
}
#main {
  background-color: #0d7377;
  color: #eeeeee;
  font-family: "Rajdhani", sans-serif;
  text-align: center;
  padding: 1em;
  border-radius: 2vw;
  border-top-style: dotted;
  border-right-style: solid;
  border-bottom-style: dotted;
  border-left-style: solid;
  border-color: #32e0c4;
  box-shadow: 3px 5px 28px 0px #32e0c4;
  font-size: 2rem;
}
h2 {
  margin-top: unset;
  margin-bottom: 4px;
  font-size: 3.2rem;
}
#hour {
  font-family: "Press Start 2P", cursive;
  font-size: 4rem;
  padding-top: 10px;
  padding-bottom: 10px;
}
#place {
  margin-top: 3px;
  margin-bottom: 3px;
}

@media (orientation: portrait) {
    #main {
        font-size: 3vh;
      }
    #hour {
    font-size: 5.2vh;
    }
}

@media (orientation: portrait) and (max-width:380px) {
    #main {
        font-size: 3vh;
      }
    #hour {
    font-size: 4vh;
    }
}