CSS/HTML Solution, short

👾Hello @CurseTommy, congratulations for your first solution! 👋 Welcome to the Frontend Mentor Coding Community!

Great start and great first solution! You’ve done really good work here putting everything together, I’ve some suggestions you can consider applying to your code:

You've missed the alignment, first thing you've to do is to add min-height: 100vh to make sure your body will be displaying minimum 100% of the view-port height (this will help the card be ever aligned vertically centered) and then add display: flex; align-items: center; justify-content: center; to make the alignment:

body {
    min-height: 100vh;
    font-family: 'Outfit', sans-serif;
    background-color: var(--light-gray);
    display: flex;
    align-items: center;
    justify-content: center;
}

✌️ I hope this helps you and happy coding!