body::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 103%;
    background: rgba(); 
    backdrop-filter: blur(21px);
    -webkit-backdrop-filter: blur(21px);
}    
.card-back {
    background: #333;
    color: white;
    transform: rotateY(180deg);
    padding: 20px;
    text-align: left;
    display: flex;
    justify-content: center;
    align-items: flex-start; 
    border-radius: 20px;
    box-sizing: border-box; 
}
p {
    margin: 5px 0; 
}

.clickable {
    color: cyan;
    cursor: pointer; 
}

.clickable:hover {
    color: lightblue; 
    text-decoration: underline; 
}