@font-face {
    font-family: 'LongCang';
    src: url(../font/LongCang-Regular.ttf);
}

div {
    text-align: center;
    font-family: LongCang;
}

.PyNav {
    overflow: hidden;
    clip-path: polygon(-1000% 0, 1000% 0, 1000% 100%, -1000% 100%);
    max-height: 120px;
    transition: all 1s;
}


a:link {
    text-decoration: none;
    color: rgb(150, 222, 250);
}

a:visited {
    text-decoration: none;
    color: rgb(255, 184, 214);
}

a:hover {
    text-decoration: none;
    color: rgb(105, 255, 113);
}

a:active {
    text-decoration: none;
    color: rgb(255, 166, 94);
}

body {
    /* padding: 4.5rem; */
    margin: 0;
    /* background: #f3bebe;
    background: linear-gradient(90deg, #f3bebe 0, #a3b6ec 100%); */
    background-image: url("../pic/background.jpg");
}

.card {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: fixed;
    line-height: 300%;
    padding: 2rem;
    border-radius: 1rem;
    background: rgba(255, 255, 255, .7);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}

.card-title {
    margin-top: 0;
    margin-bottom: .5rem;
    font-size: 1.5rem;
}

/* .card1 {
    position: absolute;
    padding-bottom: 3rem;
}

.card2 {
    position: absolute;
    padding-top: 3rem;
} */

#poem_info {
    text-align: left;
}

#site_runtime {
    color:rgb(152, 226, 255);
}

#apart {
    font-size: 80%;
}