:root {

    --color-white: #fff;
    --color-light: rgba(132,139, 200, 0.18);
    --color-dark-variant:#6e6e73;
    --color-background: #f6f6f9;
    --color-background2:#f8f9fa;
    --card-border-radius: 2rem;
    --card-padding:.5rem;
    --box-shadow: 0 2rem 3rem var(--color-light);
}
body{
    background:var(--color-background2);
    font-family: "Roboto","Inter", sans-serif;
    height: 2500px;
    animation: fadeInAnimation ease 1.3s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    
}

.logo{
    font-size: 25px;
    letter-spacing: -1.5px;
    font-weight: 600;
    color: black;
}