@import url('https://fonts.googleapis.com/css2?family=Sour+Gummy:ital,wght@0,100..900;1,100..900&display=swap');

body {
    height: 100vh;
    width: 100vw;
    display: flex;
justify-content: center;
align-items: center;

}

.card {
background: rgba(189, 90, 194, 0.38);
border-radius: 16px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(9.5px);
-webkit-backdrop-filter: blur(9.5px);
border: 1px solid rgba(189, 90, 194, 1);
width: 700px;
height: 290px;
position: relative;
right: 20px;
bottom: 70px;
}

.profilepic {
    height: 90px;
    border-radius: 100%;
    position: relative;
    left: 30px;
    top: 20px;
    border: 2px solid #8a2be2;
}

.header-text {
    position: absolute;
    text-align: right;
    left: 20%;
    top: 15%;
    font-size: 40px;
    font-family: Sour Gummy;
    color: #8a2be2;
}