style.css

@import url("https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@500;700;800&display=swap");

body {
    height: 100vh;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgb(9,9,121);
    background: linear-gradient(90deg, rgba(9,9,121,1) 24%, rgba(0,212,255,1) 51%, rgba(221,120,15,1) 94%);
    
}

.card {
    display: flex;
    width: 50%;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-family: "Hanken Grotesk", sans-serif;
    font-size: 40px;
    border-radius: 20px;
    box-shadow: 38px 31px 8px -13px rgba(0,0,0,0.1),0px 10px 15px -3px rgba(0,0,0,0.1); 
    opacity: 0.8;
}