@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

:root {
    --primary-white: #ffffff;
    --primary-red: #91351d;
    --primary-yellow: #ffb61d;
    --primary-black: #252525;
    --off-white-1: #eee;
    --off-white-2: #ddd;
    --off-white-3: #ccc;
    --off-white-4: #bbb;
    --off-white-5: #aaa;
    --main-padding: 20px;
}

body {
    margin: 0;
    font-family: 'Inter', sans-serif;
    box-sizing: border-box;
    color: var(--primary-black);
}

a {
    color: var(--primary-red);
}

a:visited {
    color: var(--primary-red);
}

a:hover {
    color: hsl(from var(--primary-red) h s l / 0.9);
}

button {
    background-color: var(--off-white-2);
    border: none;
    border-radius: 5px;
    padding: 10px;
}

button:hover {
    background-color: var(--off-white-1);
    cursor: pointer;
}

fa-icon {
    color: var(--primary-red);
}

.fa-star {
    color: var(--primary-yellow);
}