@font-face {
    font-family: 'dingding';
    /* 这里的名称可以是任意的 */
    src: url('../source/font.woff') format('woff');
    /* 指定字体文件的路径 */
}

body {
    background-image: url(https://bing.img.run/1920x1080.php);
    background-size: 100vw;
}
/*鼓励文字*/
#quote,#word {
    position: absolute;
    /* 使用绝对定位 */
    top: 40%;
    left: 5%;
    font-family: dingding;
    /* 设置字体 */
    font-size: 40px;
    /* 设置字体大小 */
    color: #fff;
    /* 设置字体颜色 */
}
/*时间样式*/
#time{
    position:absolute;
    top: 10%;
    left: 5%;
    font-family: dingding;
    font-size: 40px;
    color: #fff;
}
#thank{
    color: #fff;
    position: absolute;
    bottom: 0%;
    left: 2%;
    font-family: dingding;
    font-size: 20px;
}
/*天气*/
.weather-container {
    font-size: 20px;
    color: #fff;
    position: absolute;
    text-align: center;
    right: 2%;
    top: 2%;
    font-family: dingding;
}
.weather-icon {
    width: 5vw;
    cursor: pointer;
    transition: transform 0.2s;
}
.weather-icon:hover {
    transform: scale(1.1);
}