/*
Color Palatte:
#20063B -> background
#C2F9BB -> primary text
#9AD1D4 -> secondary text
#62C370 -> accents/buttons/highlights
#CC3363 -> call-to-action/links/special emphasis

Font:
Space Grotesk
*/
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&display=swap');

:root {
    --lightgreen: #C2F9BB;
    --blue: #9AD1D4;
    --green: #62C370;
    --pink: #CC3363;
    --purple: #20063B;
}
body {
    background: var(--purple);
    color: var(--lightgreen);
    font-family: 'Space Grotesk', sans-serif;
    margin: 0;
    padding: 40px;
}
h1 {
    font-size: 3rem;
}
a {
    color: var(--pink);
    text-decoration: none;
    margin-right: 15px;
}
a:hover {
    text-decoration: underline;
    color: var(--green);
}
.section {
    margin-top: 60px;
}