@import url('https://fonts.googleapis.com/css2?family=Onest:wght@100..900&display=swap');
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css");

:root {
    --ff: "Onest", serif;
    --clr-success: #24984d;
    --clr-heat-normal: #982428;
    --clr-heat-hover: #72171a;
    --clr-black-normal: #333333;
    --clr-white-normal: #f5f5f5;
    --clr-cardbox-normal: #d9d9d9;
    --transition-hover: All .5s ease;
    --transition-hover-delay: All .8s ease 100ms;
    --box-shadow: 1px 1px 8px 0 rgba(0, 0, 0, 20%);
}