54 lines
970 B
CSS
54 lines
970 B
CSS
@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);
|
|
}
|