@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;600;700&family=Lato:wght@300;400;700&display=swap');

:root {
    --color-white: #fff;
    --color-light-yellow: #FCF6D5;
    --color-red: #F76D6D;
    --color-red-variant: #b31f1f;
    --color-light-red: #FEDCDC;
    --color-black: #000;
    --color-gray: #555555;
    --border-radius: 15px;
    --font-barlow: 'Barlow', sans-serif;
    --font-lato: 'Lato', sans-serif;
}

* {
    margin: 0%;
    padding: 0%;
    box-sizing: border-box;
}

li {
    list-style: none;
}

a {
    text-decoration: none;
    color: var(--color-red);
    font-size: 1.5rem;
    font-family: var(--font-barlow);
}

a:hover {
    color: var(--color-black);
}