body {
    background-color: #f5f6fb;
}

.header {
    background-image: url(background/mondstadt.png);
    box-shadow: 0 0 8px rgb(123 242 248 / 50%);
}

.box {
    background-color: #fdfdf3;
    box-shadow: 0 0 8px rgb(123 242 248 / 50%);
}

.box-title {
    background-color: #43849abb;
    --tw-ring-color: #43849a;
}

.pointer-bar {
    width: 95%;
    height: 8px;
    display: inline-block;
    background-color: rgb(0, 0, 0, 0.2);
    border-radius: 0.25rem;
}

.pointer-progress-bar {
    border-radius: 0.25rem;
    height: 100%;
    background: #fff6e2;
}

.name {
    background: linear-gradient(to bottom, #66bbee, #5ddddd, #55dddd);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
}

.uid {
    color: #fff;
    background: linear-gradient(to right, rgb(0, 0, 0, 0), #5ddddd, rgb(0, 0, 0, 0));
}

.about {
    background-color: #e0dad3;
    color: #8a4d30;
}