/* 页面 共同样式 */
body {
  height: 100vh;
  width: 100%;
  background: url('../images/background.jpg') no-repeat fixed top;
  background-size: 100% 100%;
  font: normal 100% Arial, helvetica, sans-serif;
  text-align: center;
  margin: 0;
  padding: 0;
  overflow: hidden;
  color: rgb(54, 53, 53);
}

/* 提示组件 共同样式 */
.tooltip {
  /* color: gray;
  background-color: bisque; */
  position: absolute;
  top: 27vh;
  margin: 0;
  padding: auto;
  height: 12vh;
  width: 100%;
  font-size: 3vh;
  font-weight: bold;
}

/* 提示组件 时间样式 */
.tooltip-time p {
  margin: 16px;
  padding: auto;
  height: 5vh;

}

/* 提示组件 天气样式 */
.tooltip-weather p {
  margin: 16px;
  padding: auto;
  height: 5vh;

}
 
#strand {
  position: absolute;
  margin: 0;
  padding: 0;
  font-size: 12vh;
  text-align: center;
  height: 15vh;
  width: 25vw;
  top: 60vh;
  left: 17.5vw;
}

#today {
  position: absolute;
  margin: 0;
  padding: 0;
  font-size: 12vh;
  text-align: center;
  height: 15vh;
  width: 25vw;
  top: 60vh;
  left: 57.5vw;
}

#alarm {
  position: absolute;
  margin: 0;
  padding: 0;
  font-size: 6vh;
  text-align: center;
  height: 15vh;
  width: 100%;
  top: 90vh;
  color: white;

}

#ad {
  position: absolute;
  bottom: 16px;
  right: 16px;
  color: white;
}