body {
    padding: 0;
    margin: 0;
    font-family: 'Cascadia Code', sans-serif;
    display: grid;
    justify-content: center;
    align-items: center;
    min-height: 100vh;

    /*background image from unsplash*/
    background-image: url(https://source.unsplash.com/1600x900/?landscape);
    background-attachment: fixed;
    background-size: cover;
    position: relative;
}

.card {
    color: white;
    padding: 2em;
    height: 85vh;
    width: 60vw;
    max-width: 900px;
    border-radius: 25px;
    text-shadow: 1px 1px 5px rgb(0, 0, 0);

    /**/
    border: solid 1px rgba(255, 255, 255, 0.20);
    box-shadow: 1px 1px 50px rgba(0, 0, 0, 0.30);
    background: inherit;
    backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px);
}