:root {
    --font-family: 'Sukhumvit Set', sans-serif;

    --fw-n: 300;
    --fw-m: 600;
    --fw-b: 800;

    --spacer: 1rem;
    --spacer-md: calc(var(--spacer) * 2);
    --spacer-lg: calc(var(--spacer) * 3);

    --color-navbar: rgb(140, 150, 160);
    --color-navbar-hover: rgba(140, 150, 160, 0.5);

    --color-rain: #1d5e86;
    --color-rain-light: #728da2;
    --color-schmidt: #005228;
    --color-schmidt-light: #98aa93;
    --color-aries: #7a161e;
    --color-aries-light: #c3958d;

    --color-background: #e7ecf2;
    --color-card: var(--color-font);
    --color-card-background: var(--color-background);
    --color-font: rgb(140, 150, 160);
    --color-font-hover: rgb(20, 90, 160);

    --btn-primary: hsl(213, 79%, 56%);
    --btn-light: hsl(181, 95%, 92%);

    --shadow: 0 0 1.25rem rgba(0, 0, 0, 0.5);
    --br: 1rem;
    --padding-responsive: calc(50% - 720px);
    --media-width-xs: 575px;
    --media-width-sm: 767px;
    --media-width-m: 991px;
    --media-width-l: 1199px;
    --media-width-xl: 1399px;
    --media-width-xxl: 1400px;
}

* {
    margin: 0;
    padding: 0;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

li,
a {
    list-style: none;
    text-decoration: none;
    color: var(--color-font);
}