body {
    /* font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: var(--body-color); */

}

/* --- Colors --- */

:root {
    --primary-color: #222222;
    --secondary-color: #FF0066;
    --yellow-color: #ffc107;
    --text-gray-color: #4A4C59;
    --white-color: #ffffff;
    --ofwhite-color: #E6E6E6;
    --black-color: #000000;
    --light-color: #a5a5a5;
    --light-color2: #aaaaaa;
    --dark-color: #242424;
    --sky-color: #647589;
    --border-color: #E4E4E4;
    --border-color2: #e4e4e4;
    --border-color3: #dddddd;
    --border-dark: #383434;
    --bg-gray-color: #f7f8fc;
    --gray-color: #ebebeb;
    --gray-color2: #f5f5f5;
}
h2 {
    max-width: 700px;
}