.works{
    font-family: AlibabaPuHuiTi-Regular;
}
.container{
    display: inline-block;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.titleone{
    text-align: center;
    font-size: 8vh;
    color: #f2f2f2;
}
.card h1{
    transition: .2s;
}
.card:hover h1{
    font-size: 8.5vh;
}
.card{
    transition: .2s;
    display: inline-block;
    margin: 50px 2vh;
    width: 45vh;
    min-height: 25vh;
    background-color: #00000022;
    border: #f2f2f233 1px solid;
    border-radius: 15px;
    backdrop-filter: blur(5px);
}
.card::before,.card::after{
    content: "";
    background-color: #fe7f004c;
    position: absolute;
}
.card::before{
    border-radius: 50%;
    width: 13vh;
    height: 13vh;
    top: 30%;
    right: 7%;
    filter: blur(20px);
}
.card::after {
    content: "";
    position: absolute;
    height: 7vh;
    top: 8%;
    right: 5%;
    border: 1px #f2f2f2 solid;
}
.card:hover{
    background-color: #00000055;
    box-shadow: 0px 0px 50px 1px #b1b1b13f;
}
.card h1{
    color: #f2f2f2;
    text-align: left;
    font-size: 6vh;
    margin: 2vh 0 0 3vh;
}
.card div p{
    color: #f2f2f2;
    margin: 15px 20px;
    text-indent: 1.5em;
    font-size: 2vh;
}
.card div a{
    font-size: 3vh;
    text-decoration: none;
    color: #e3e3e3;
    background-color: #2f2f2f33;
    border-radius: 8px;
    padding: 2px 15px;
    position: absolute;
    right: 15px;
    bottom: 15px;
}